feat(SW-185): Footer mobile adjustments

2024-08-21 14:08:15 +02:00
parent 5277f3c786
commit 9eabde71c9
10 changed files with 269 additions and 20 deletions
--- a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
+++ b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
@@ -1,6 +1,8 @@
 .secondaryNavigation {
  display: flex;
-  gap: 80px;
+  flex-direction: column-reverse;
+  gap: var(--Spacing-x6);
+  margin-top: var(--Spacing-x6);
 }

 .secondaryNavigationList {
@@ -23,3 +25,11 @@
  font-family: var(--typography-Body-Bold-fontFamily);
  margin: 0;
 }
+
+@media screen and (min-width: 1367px) {
+  .secondaryNavigation {
+    margin-top: 0;
+    gap: 80px;
+    flex-direction: row;
+  }
+}