diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 4f12e2a..d74e416 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -39,7 +39,7 @@
         max-width: 500px;
         margin: 2em;
     }
-    @media (max-width: 1200px) {
+    @media (max-width: 700px) {
         .cols {
             flex-flow: column;
         }
diff --git a/src/routes/regular/+page.svelte b/src/routes/regular/+page.svelte
index 176f2e0..ef370a3 100644
--- a/src/routes/regular/+page.svelte
+++ b/src/routes/regular/+page.svelte
@@ -29,4 +29,9 @@
         justify-content: center;
         flex: 1 1 auto;
     }
+    @media (max-width: 700px) {
+        .grid {
+            flex-flow: column;
+        }
+    }
 </style>