fixed nav bar for mobile
This commit is contained in:
@@ -102,12 +102,14 @@ a:hover:after {
|
|||||||
.nav-bar {
|
.nav-bar {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
margin-top: calc(12px + 1vh);
|
margin-top: calc(12px + 1vh);
|
||||||
margin-bottom: 1vw;
|
margin-bottom: 0.66vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-item {
|
.nav-item {
|
||||||
margin-right: 12px;
|
margin-right: 12px;
|
||||||
|
margin-top: 6px;
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -196,14 +198,3 @@ code {
|
|||||||
color: #50fa7b;
|
color: #50fa7b;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 576px) {
|
|
||||||
.nav-bar {
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
}
|
|
||||||
.nav-item {
|
|
||||||
margin-top: 3px;
|
|
||||||
margin-bottom: 3px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
Reference in New Issue
Block a user