fix(yalb-1319): mobile fixes for very small screens and landscape ori…

…entation - pt 3
yalesites-org · Aug 7, 2023 · 31ad1bf · 31ad1bf
1 parent 61f1c51
commit 31ad1bf
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/components/03-organisms/galleries/media-grid/_yds-media-grid-modal.scss b/components/03-organisms/galleries/media-grid/_yds-media-grid-modal.scss
@@ -83,7 +83,7 @@ $modal-speed: var(--animation-speed-slow);
     )
     minmax(0, 1fr) var(--size-click-target-minimum);
   /* stylelint-enable scss/operator-no-newline-before */
-  gap: var(--size-spacing-3);
+  gap: var(--size-spacing-5);
   max-height: 100%;
 
   @media (min-width: tokens.$break-s) {
@@ -103,12 +103,12 @@ $modal-speed: var(--animation-speed-slow);
     grid-template:
       '. media control-close' var(--size-click-target-minimum)
       'control-previous media control-next' minmax(auto, 4fr)
-      '. content .' minmax(var(--size-click-target-minimum), 1fr) / var(
+      '. content .' minmax(var(--size-click-target-minimum), 2fr) / var(
         --size-click-target-minimum
       )
       minmax(0, 1fr)
       var(--size-click-target-minimum);
-    gap: var(--size-spacing-3);
+    gap: var(--size-spacing-5);
   }
 }