fix: fix css bug

assets/css/_core/_media.scss

@@ -11,6 +11,12 @@
 
 /* iPads (portrait) ----------- */
 @media only screen and (max-width: 1080px) {
+  .navbar {
+    .navbar-container {
+      margin: 0 2rem;
+    }
+  }
+
   .post-warp {
     max-width: 80%;
 
@@ -24,7 +30,7 @@
   }
 }
 
-@media only screen and (max-width: 400px) {
+@media only screen and (max-width: 480px) {
   .navbar {
     display: none;
   }

assets/css/_partial/_navbar.scss

@@ -13,9 +13,8 @@
 
   .navbar-container {
     width: auto;
-    max-width: 1200px;
     text-align: center;
-    margin: 0 auto;
+    margin: 0 6rem;
     display: flex;
     justify-content: space-between;