fixed nav bar for mobile

2022-04-16 16:31:55 -05:00
parent fbeae313b4
commit 0c0b01eb2d
1 changed files with 3 additions and 12 deletions
--- a/static/index.css
+++ b/static/index.css
@@ -102,12 +102,14 @@ a:hover:after {
 .nav-bar {
    display: flex;
    flex-direction: row;
+    flex-wrap: wrap;
    margin-top: calc(12px + 1vh);
-    margin-bottom: 1vw;
+    margin-bottom: 0.66vw;
 }

 .nav-item {
    margin-right: 12px;
+    margin-top: 6px;
    font-size: 1.5em;
 }

@@ -196,14 +198,3 @@ code {
        color: #50fa7b;
    }
 }
-
-@media only screen and (max-width: 576px) {
-    .nav-bar {
-        flex-direction: column;
-
-    }    
-    .nav-item {
-        margin-top: 3px;
-        margin-bottom: 3px;
-    }
-}