Merge pull request #221 from localgovdrupal/feature/2.x/responsive-fo…

…oter/220 adds a media query to make the footer columns responsive
localgovdrupal · Jul 10, 2023 · b32a6b2 · b32a6b2
2 parents 86a1cdc + 6b9f834
commit b32a6b2
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/css/components/footer.css b/css/components/footer.css
@@ -49,9 +49,11 @@
   color: var(--footer-text-color);
 }
 
-.microsite-footer .lgd-row__one-quarter,
-.microsite-footer .lgd-row--quarters > * {
-  width: calc(25% - var(--footer-grid-column-spacing));
+@media screen and (min-width: 768px) {
+  .microsite-footer .lgd-row__one-quarter,
+  .microsite-footer .lgd-row--quarters > * {
+    width: calc(25% - var(--footer-grid-column-spacing));
+  }
 }
 
 .microsite-footer .lgd-row > * {