amend some style issues

components/NavBar.vue

@@ -1,6 +1,6 @@
 <template>
   <header class="header">
-    <div class="container wrapper">
+    <div class="container-nav wrapper">
       <div class="navmenu-container">
         <NavMenu @handle-logout="handleLogout" />
       </div>
@@ -110,7 +110,7 @@ export default {
 .header {
   background-color: white;
   padding: 10px;
-
+  margin: 0 auto;
   @include mobile {
     position: fixed;
     z-index: 999999;
@@ -119,9 +119,9 @@ export default {
   }
 }
 
-.container {
+.container-nav {
   display: flex;
-  justify-content: space-evenly;
+  justify-content: space-between;
   align-items: center;
 }
 
@@ -138,6 +138,10 @@ nav {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  @include mobile {
+    margin-left: 10rem;
+
+  }
 }
 
 .search-and-login {
@@ -147,10 +151,10 @@ nav {
 }
 
 .logo {
-  width: 10rem;
+  width: 12rem;
   margin: 0 0.5rem;
   @include mobile {
-    width: 9rem;
+    width: 10rem;
   }
 }