Make navigation to wrap automatically if there are too many links, T-…

…20918
digitoimistodude · Oct 25, 2024 · fe67eec · fe67eec
1 parent 10c4662
commit fe67eec
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/css/dev/global.css b/css/dev/global.css
diff --git a/css/prod/global.css b/css/prod/global.css
diff --git a/sass/navigation/_nav-desktop.scss b/sass/navigation/_nav-desktop.scss
@@ -52,11 +52,14 @@
   .menu-items {
     align-items: center;
     background-color: transparent;
+    column-gap: var(--gap-main-level-horizontal);
     display: flex;
-    gap: var(--gap-main-level-horizontal);
+    flex-wrap: wrap;
+    justify-content: flex-end;
     margin: 0;
     padding: 0;
     position: relative;
+    row-gap: 1rem;
   }
 
   // Navigation list item