Refactored layout. Added NavBar component.

This commit is contained in:
Mike Cao 2023-01-18 15:05:39 -08:00
parent fad38dc180
commit 1d9c3133f0
56 changed files with 601 additions and 429 deletions

View file

@ -0,0 +1,25 @@
.menu {
display: flex;
flex-flow: row wrap;
min-width: 560px;
max-width: 100vw;
padding: 10px;
}
.menu div {
border-radius: 5px;
min-width: calc(100% / 3);
}
@media only screen and (max-width: 992px) {
.menu {
min-width: 90vw;
transform: translateX(calc(40vw));
}
}
@media only screen and (max-width: 768px) {
.menu div {
min-width: 50%;
}
}