Merge pull request #452 from BinaryStudioAcademy/fix/wr-450-header-la…

…yout wr-450: Fix header layout after adding bottom padding
BinaryStudioAcademy · Sep 29, 2023 · b197058 · b197058
2 parents bf91ff9 + 1195410
commit b197058
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/frontend/src/libs/components/header/styles.module.scss b/frontend/src/libs/components/header/styles.module.scss
@@ -10,7 +10,7 @@
   border-bottom: 2px solid var(--light-gray-15);
 }
 
-.layout {
+.header > .layout {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -113,6 +113,12 @@ img.avatar:hover {
   }
 }
 
+@media only screen and (max-width: breakpoints.$medium) {
+  .header > .layout {
+    padding: 15px 30px;
+  }
+}
+
 @media only screen and (max-width: breakpoints.$small) {
   .logo {
     width: 150px;