Mobile fixes

generoi · Jul 18, 2024 · 8c0287e · 8c0287e
1 parent 2e0b9e1
commit 8c0287e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/web/app/themes/gds/resources/blocks/media-card/style.scss b/web/app/themes/gds/resources/blocks/media-card/style.scss
@@ -1,6 +1,7 @@
 .wp-block-gds-media-card {
   display: grid;
   grid-template-rows: auto 1fr;
+  grid-template-columns: 1fr;
   border-radius: var(--gds-border-radius);
   box-shadow: var(--gds-box-shadow);
   background-color: var(--gds-color-white);
@@ -28,6 +29,7 @@
     padding: var(--gds-media-card-padding);
     display: flex;
     flex-direction: column;
+    overflow: hidden;
 
     > * {
       margin-block-start: 0;

diff --git a/web/app/themes/gds/resources/scripts/components/carousel/carousel.scss b/web/app/themes/gds/resources/scripts/components/carousel/carousel.scss
@@ -55,8 +55,10 @@ gds-carousel-pager {
   // Utility for getting prevent CLS but the variable can be overridden with CSS
   // too.
   @for $i from 1 through 4 {
-    &[column-count="#{$i}"] {
-      --carousel-columns: #{$i};
+    @media (min-width >= 600px) {
+      &[column-count="#{$i}"] {
+        --carousel-columns: #{$i};
+      }
     }
   }