refactor header css

src/components/Header.vue

@@ -5,8 +5,7 @@
                 <img src="@/assets/logo.png" alt="Ayush M. Logo" width="60px" height="60px">
             </div>
             <div class="name">
-                <span>Ayush</span>
-                <span>Mukherjee</span>
+                Ayush Mukherjee
             </div>
         </router-link>
         <nav>

src/scss/components/_header.scss

@@ -1,5 +1,5 @@
 header {
-    padding: 40px 60px 40px 30px;
+    padding: 20px 120px;
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -20,8 +20,6 @@ header {
         }
 
         .name {
-            display: flex;
-            flex-direction: column;
             font-weight: $font-bold;
         }
 
@@ -51,10 +49,6 @@ header {
                 color: $primary;
                 font-weight: $font-bold;
             }
-
-            &:last-child {
-                padding-right: 0;
-            }
         }
     }
 }
@@ -67,4 +61,4 @@ header {
             display: none;
         }
     }
-}
+}