Update nav responsiveness to match recent nav fix

Other changes: - Changed the first responsiveness width from 500px to 512 px. - Change the default left-right margin for the nav from 20px to 15px.
FrederickGeek8 · Feb 8, 2024 · 674ba4d · 674ba4d
1 parent 75126ba
commit 674ba4d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/_sass/global.scss b/_sass/global.scss
@@ -67,7 +67,7 @@ a[href] {
   li {
     display: inline-block;
     // margin: top-bottom left-right
-    margin: 10px 20px;
+    margin: 10px 15px;
   }
 
   a {

diff --git a/_sass/responsive.scss b/_sass/responsive.scss
@@ -1,4 +1,4 @@
-@media (max-width: 500px) {
+@media (max-width: 512px) {
   .container,
   #footer {
     width: 85%;
@@ -9,8 +9,9 @@
     height: 256px;
   }
 
-  #navigation > li {
-    padding: 10px;
+  #navigation li {
+    margin-left: 10px;
+    margin-right: 10px;
   }
 }
 
@@ -25,8 +26,9 @@
     height: 160px;
   }
 
-  #navigation > li {
-    padding: 5px;
+  #navigation li {
+    margin-left: 5px;
+    margin-right: 5px;
   }
 }