From 9a1b1c94c49be51d77a7614d975e0780430a1815 Mon Sep 17 00:00:00 2001 From: Jim Bumgardner Date: Wed, 20 Dec 2023 15:36:35 -0800 Subject: [PATCH] Mobile adjustments. --- docs/src/css/sass/ds-site-global.scss | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/docs/src/css/sass/ds-site-global.scss b/docs/src/css/sass/ds-site-global.scss index 3f4b672d..5c610911 100644 --- 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;