feat(SW-185): Footer mobile adjustments

2024-08-21 14:08:15 +02:00
parent cfcb05a70a
commit 9d416f593d
10 changed files with 269 additions and 20 deletions
--- a/components/Footer/Navigation/MainNav/mainnav.module.css
+++ b/components/Footer/Navigation/MainNav/mainnav.module.css
@@ -1,5 +1,4 @@
 .mainNavigation {
-  max-width: 360px;
  width: 100%;
 }

@@ -10,6 +9,9 @@
 .mainNavigationItem {
  padding: var(--Spacing-x3) 0;
  border-bottom: 1px solid var(--Scandic-Peach-20);
+  &:first-child {
+    padding-top: 0;
+  }
  &:last-child {
    border-bottom: 0;
  }
@@ -21,3 +23,9 @@
  display: flex;
  justify-content: space-between;
 }
+
+@media screen and (min-width: 1367px) {
+  .mainNavigation {
+    max-width: 360px;
+  }
+}