feat(SW-184): implementing mobile design

2024-08-21 14:38:29 +02:00
parent b51a4c46e8
commit a2e2cf575e
44 changed files with 526 additions and 111 deletions
--- a/components/Header/MainMenu/mainMenu.module.css
+++ b/components/Header/MainMenu/mainMenu.module.css
@@ -7,8 +7,35 @@
 .nav {
  max-width: var(--max-width-navigation);
  margin: 0 auto;
-  display: flex;
-  justify-content: space-between;
+  display: grid;
+  grid-template-columns: max-content 1fr;
  align-items: center;
-  gap: var(--Spacing-x3);
+  gap: var(--Spacing-x2);
+}
+
+.menus {
+  display: flex;
+  justify-self: end;
+  align-items: center;
+  gap: var(--Spacing-x2);
+}
+
+.logoLink {
+  display: inline-flex;
+  width: auto;
+}
+
+.logo {
+  width: 6.4375rem;
+}
+
+@media screen and (min-width: 768px) {
+  .nav {
+    display: flex;
+    justify-content: space-between;
+    gap: var(--Spacing-x3);
+  }
+  .menus {
+    display: contents;
+  }
 }