diff --git a/static/static/css/index.scss b/static/static/css/index.scss
index 2eac9fd..0615b65 100644
--- a/static/static/css/index.scss
+++ b/static/static/css/index.scss
@@ -93,6 +93,13 @@
                 max-height: 1em;
             }
 
+            .columns {
+                @media (max-width: 768px) {
+                    flex-direction: column;
+                    gap: 0;
+                }
+            }
+
             .columns > div > div {
                 display: flex;
                 flex-direction: column;
diff --git a/static/static/css/style.css b/static/static/css/style.css
index 4b85156..1538876 100644
--- a/static/static/css/style.css
+++ b/static/static/css/style.css
@@ -217,6 +217,12 @@ body {
 .page-index main #on-the-internet img {
   max-height: 1em;
 }
+@media (max-width: 768px) {
+  .page-index main #on-the-internet .columns {
+    flex-direction: column;
+    gap: 0;
+  }
+}
 .page-index main #on-the-internet .columns > div > div {
   display: flex;
   flex-direction: column;
diff --git a/static/static/css/style.css.map b/static/static/css/style.css.map
index f34bc42..7b25761 100644
--- a/static/static/css/style.css.map
+++ b/static/static/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["layout.scss","fonts.scss","body.scss","colors.scss","index.scss","radio.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;;;AAOJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EARJ;IASQ;IACA;;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAKZ;EAOI;;AALI;EACI;;;AAQR;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;;ACjJhB;EACE;EACA,KACE;;AAKJ;EACE;EACA;EACA,KACE;;ACTJ;EACI,aDcS;ECbT,kBCLe;EDMf;;;AEFA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EAOA;EACA;;AANA;EANJ;IAOQ;IACA;;;AAMJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAMhB;EACI;EACA;;AAEA;EAkBI;;AAjBA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAIR;EAdJ;IAeQ;;;AAOJ;EACI;;AAGJ;EACI;EACA;;AAKJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EAhBJ;IAiBQ;IACA;;;AAMhB;EJ1GA;;;AKjBA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGI;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI;EACA;;AAKZ;EAzBJ;IA0BQ;;;AAGJ;EA7BJ;IA8BQ;;;AAGJ;EAjCJ;IAkCQ","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["layout.scss","fonts.scss","body.scss","colors.scss","index.scss","radio.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;;;AAOJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EARJ;IASQ;IACA;;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAKZ;EAOI;;AALI;EACI;;;AAQR;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;;ACjJhB;EACE;EACA,KACE;;AAKJ;EACE;EACA;EACA,KACE;;ACTJ;EACI,aDcS;ECbT,kBCLe;EDMf;;;AEFA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EAOA;EACA;;AANA;EANJ;IAOQ;IACA;;;AAMJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAMhB;EACI;EACA;;AAEA;EAkBI;;AAjBA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAIR;EAdJ;IAeQ;;;AAOJ;EACI;;AAIA;EADJ;IAEQ;IACA;;;AAIR;EACI;EACA;;AAKJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EAhBJ;IAiBQ;IACA;;;AAMhB;EJjHA;;;AKjBA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGI;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI;EACA;;AAKZ;EAzBJ;IA0BQ;;;AAGJ;EA7BJ;IA8BQ;;;AAGJ;EAjCJ;IAkCQ","file":"style.css"}
\ No newline at end of file