Fix study summary display on small screens

developmentseed · Apr 23, 2021 · 5c746ef · 5c746ef
1 parent ace2df1
commit 5c746ef
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/styles/content-block.js b/src/styles/content-block.js
@@ -49,8 +49,6 @@ export const ContentBlock = styled(UniversalGridder).attrs({
 })`
   padding: ${glsp(themeVal('layout.gap.xsmall'), 0)};
   grid-row-gap: ${glsp(themeVal('layout.gap.xsmall'))};
-  grid-template-rows: min-content;
-  grid-auto-rows: 1fr;
 
   ${media.smallUp`
     padding: ${glsp(themeVal('layout.gap.small'), 0)};
@@ -65,6 +63,8 @@ export const ContentBlock = styled(UniversalGridder).attrs({
   ${media.largeUp`
     padding: ${glsp(themeVal('layout.gap.large'), 0)};
     grid-row-gap: ${glsp(themeVal('layout.gap.large'))};
+    grid-template-rows: min-content;
+    grid-auto-rows: 1fr;
   `}
 
   ${media.xlargeUp`