diff --git a/css/main.css b/css/main.css
index caa13b3..984578f 100644
--- a/css/main.css
+++ b/css/main.css
@@ -96,12 +96,12 @@ button:hover {
   background-color: oklch(44% 0.0483 138.55deg);
 }
 
-@media (width < 45em) {
+@media (width < 720px) {
   .question-grid {
     margin: 0 1em;
   }
 }
-@media (width < 35em) {
+@media (width < 560px) {
   .question-grid {
     margin: 0 0.5em;
   }
@@ -113,7 +113,7 @@ button:hover {
     padding: 0.5em 1.5em 0.5em 1.5em;
   }
 }
-@media (width < 20em) {
+@media (width < 320px) {
   .question-grid {
     margin: 0 0.5em;
   }
diff --git a/css/scss/main.scss b/css/scss/main.scss
index 5a552ca..ee2ce27 100644
--- a/css/scss/main.scss
+++ b/css/scss/main.scss
@@ -106,13 +106,13 @@ button:hover {
   background-color: $primary-color;
 }
 
-@media (width < 45em) {
+@media (width < 720px) {
   .question-grid {
     margin: 0 1em;
   }
 }
 
-@media (width < 35em) {
+@media (width < 560px) {
   .question-grid {
     margin: 0 .5em;
   }
@@ -124,7 +124,7 @@ button:hover {
     padding: .5em 1.5em .5em 1.5em;
   }
 }
-@media (width < 20em) {
+@media (width < 320px) {
   .question-grid {
     margin: 0 .5em;