fix header margnin

aklipf · Aug 2, 2024 · c709863 · c709863
1 parent baefe4d
commit c709863
Showing 1 changed file with 11 additions and 11 deletions.
diff --git a/sass/_header.sass b/sass/_header.sass
@@ -20,13 +20,14 @@ ul
 
     .home
         grid-column: 1 / 10
-        margin: auto
+        margin-left: 1em
+        margin-top: auto
+        margin-bottom: auto
         font-size: x-large
-        margin-left: 1.5em
         a
             width: 6em
             font-weight: bold
-            
+
     input.unroll[type=checkbox]
         margin-left: auto
         margin-right: 0
@@ -49,21 +50,21 @@ ul
             border-left: 15px solid transparent
             border-right: 15px solid transparent
             border-top: 15px solid $font-color
-    
+
     input.unroll[type=checkbox]:checked ~ .menu
-        display: block
+            display: block
 
     input.unroll[type=checkbox]:checked + label > div
         transform: rotate(180deg)
 
     .menu
         display: none
         grid-column: 1 / 13
-        
+
         font-size: large
         padding: 0
         margin: 0
-        margin-left: auto
+        margin-left: 0.3em
         width: 100%
         height: 100%
 
@@ -79,6 +80,8 @@ ul
     @media screen and (min-width: 800px)
         .home
             grid-column: 1 / 4
+            margin-left: auto
+            margin-right: 1.5em
         .menu
             grid-column: 4 / 12
             display: block
@@ -92,15 +95,12 @@ ul
                     height: 100%
                     a
                         margin-left: 1em
-                    
+
         .unroll
             display: none
 
-
     @media screen and (min-width: 1200px)
         .home
             grid-column: 1 / 3
         .menu
             grid-column: 3 / 11
-            padding-left: 0.5em
-