diff --git a/css/main.css b/css/main.css
index 8cf35a1..caa13b3 100644
--- a/css/main.css
+++ b/css/main.css
@@ -98,14 +98,31 @@ button:hover {
 
 @media (width < 45em) {
   .question-grid {
-    margin-left: 1em;
-    margin-right: 1em;
+    margin: 0 1em;
   }
 }
 @media (width < 35em) {
   .question-grid {
-    margin-left: 0em;
-    margin-right: 0em;
+    margin: 0 0.5em;
+  }
+  .header-h1 {
+    margin: 0 0.5em;
+  }
+  .answer-btn {
+    font-size: 1em;
+    padding: 0.5em 1.5em 0.5em 1.5em;
+  }
+}
+@media (width < 20em) {
+  .question-grid {
+    margin: 0 0.5em;
+  }
+  .header-h1 {
+    font-size: 1.25em;
+  }
+  .question-grid {
+    grid-template-columns: repeat(1, 1fr);
+    gap: 0.75em 0.5em;
   }
 }
 
diff --git a/css/main.css.map b/css/main.css.map
index 10aca30..81bce52 100644
--- a/css/main.css.map
+++ b/css/main.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["scss/main.scss"],"names":[],"mappings":"AAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE,OAXM;;;AAcR;EACE,kBAhBM;;;AAmBR;EACE,OApBM;;;AAuBR;EACE,OAvBM;EAwBN;EACA;;;AAEF;EACE,OA7BM;EA8BN,kBAtCc;EAuCd;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE,kBAjDc;EAkDd,OA1CM;EA2CN;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE,kBAzGc;;;AA4GhB;EACE;IACE;IACA;;;AAIJ;EACE;IACE;IACA","file":"main.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["scss/main.scss"],"names":[],"mappings":"AAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE,OAXM;;;AAcR;EACE,kBAhBM;;;AAmBR;EACE,OApBM;;;AAuBR;EACE,OAvBM;EAwBN;EACA;;;AAEF;EACE,OA7BM;EA8BN,kBAtCc;EAuCd;EACA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE,kBAjDc;EAkDd,OA1CM;EA2CN;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE,kBAzGc;;;AA4GhB;EACE;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;;AAGJ;EACE;IACE;;EAGF;IACE;;EAEF;IACE;IACA","file":"main.css"}
\ No newline at end of file
diff --git a/css/scss/main.scss b/css/scss/main.scss
index 60feca8..5a552ca 100644
--- a/css/scss/main.scss
+++ b/css/scss/main.scss
@@ -108,14 +108,32 @@ button:hover {
 
 @media (width < 45em) {
   .question-grid {
-    margin-left: 1em;
-    margin-right: 1em;
+    margin: 0 1em;
   }
 }
 
 @media (width < 35em) {
   .question-grid {
-    margin-left: 0em;
-    margin-right: 0em;
+    margin: 0 .5em;
+  }
+  .header-h1 {
+    margin: 0 .5em;
+  }
+  .answer-btn {
+    font-size: 1em;
+    padding: .5em 1.5em .5em 1.5em;
   }
 }
+@media (width < 20em) {
+  .question-grid {
+    margin: 0 .5em;
+
+  }
+  .header-h1 {
+    font-size: 1.25em;
+  }
+  .question-grid {
+    grid-template-columns: repeat(1, 1fr);
+    gap: .75em .5em;
+  }
+}
\ No newline at end of file