Mobile adjustments.

cagov · Dec 20, 2023 · 9a1b1c9 · 9a1b1c9
1 parent 0a20540
commit 9a1b1c9
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/docs/src/css/sass/ds-site-global.scss b/docs/src/css/sass/ds-site-global.scss
@@ -62,6 +62,23 @@ div.content-grid-wrapper {
   margin-top: 32px;
   gap:24px;
 }
+@media screen and (max-width: 1200px) {
+  div.content-grid-wrapper {
+    grid-template-columns: 276px 276px 276px;
+  }
+}
+@media screen and (max-width: 900px) {
+  div.content-grid-wrapper {
+    grid-template-columns: 276px 276px;
+  }
+}
+@media screen and (max-width: 600px) {
+  div.content-grid-wrapper {
+    grid-template-columns: 276px;
+  }
+}
+
+
 div.content-tile {
   background-color:white;
   padding: 24px 16px;
@@ -104,6 +121,12 @@ div.howtouse-grid-wrapper {
   width: 100%;
 }
 
+@media screen and (max-width: 1000px) {
+  div.howtouse-grid-wrapper {
+    grid-template-columns: 508px;
+  }
+}
+
 div.howtouse-tile-copy {
   clear: both; 
   min-height: 8rem;