feat(SW-185): Footer mobile adjustments

2024-08-21 14:08:15 +02:00
parent c6b2d2ea12
commit b5dddfcd8b
10 changed files with 269 additions and 20 deletions
--- a/components/Footer/Navigation/navigation.module.css
+++ b/components/Footer/Navigation/navigation.module.css
@@ -1,6 +1,6 @@
 .section {
  background: var(--Scandic-Brand-Pale-Peach);
-  padding: 160px var(--Spacing-x9);
+  padding: var(--Spacing-x9) var(--Spacing-x2);
  color: var(--Scandic-Brand-Burgundy);
 }

@@ -8,4 +8,14 @@
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
+  flex-direction: column;
+}
+
+@media screen and (min-width: 1367px) {
+  .section {
+    padding: 160px var(--Spacing-x9);
+  }
+  .maxWidth {
+    flex-direction: row;
+  }
 }