update nav

TarasKachmar2022 · Feb 24, 2024 · b07b23a · b07b23a
1 parent 5d8e351
commit b07b23a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/partials/header.html b/src/partials/header.html
@@ -1,6 +1,6 @@
 <header class="header" data-header>
   <div class="container">
-    <nav>
+    <nav class="site-nav">
       <a class="logo header__logo" href="./" area-label="logo"
         ><svg class="logo__icon" width="39" height="35">
           <use href="./images/sprite.svg#icon-logo"></use>

diff --git a/src/sass/components/_nav.scss b/src/sass/components/_nav.scss
@@ -1,10 +1,19 @@
+.site-nav {
+  @media screen and (min-width: 768px) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
 .site-nav__list {
   display: flex;
   justify-content: center;
   gap: 14px;
 
   @media screen and (min-width: 768px) {
     gap: 19px;
+    margin-left: auto;
   }
 
   @media screen and (min-width: 1360px) {