From 5df62f546caecd55e2c206be8fb273af282a9c1a Mon Sep 17 00:00:00 2001
From: welpo <welpo@users.noreply.github.com>
Date: Fri, 14 Apr 2023 16:12:38 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20style:=20improve=20header's=20re?=
 =?UTF-8?q?sponsiveness=20Both=20title=20and=20navs=20take=20up=20100%=20o?=
 =?UTF-8?q?f=20the=20width=20on=20small=20displays.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Closes #48
---
 sass/parts/_header.scss | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss
index 27b37c5..e669146 100644
--- a/sass/parts/_header.scss
+++ b/sass/parts/_header.scss
@@ -8,7 +8,6 @@ header {
     align-items: flex-start;
     gap: 12px;
     font-size: 1.5rem;
-    /* Otherwise header and menu is too close on small screens*/
     margin-bottom: 10px;
   }
 }
@@ -108,12 +107,15 @@ header {
 }
 
 @media only screen and (max-width: 600px) {
-  .nav-title {
-    margin: 0;
+  .nav-navs {
+    margin-top: 0.8rem;
+    width: 100%;
+    justify-content: center;
   }
 
   .navbar {
-    max-width: var(--medium-layout-width);
+    flex-direction: column;
+    align-items: center;
   }
 }