fix: fix css bug

pogor-dev · Aug 24, 2019 · 4ce4029 · 4ce4029
1 parent a7f9fd4
commit 4ce4029
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/assets/css/_core/_media.scss b/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;
   }

diff --git a/assets/css/_partial/_navbar.scss b/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;