implement nav pt2

This commit is contained in:
core 2023-06-13 17:37:52 -04:00
parent 84b5d3b7cc
commit 1f3eab5c63
Signed by: core
GPG Key ID: FDBF740DADDCEECF
1 changed files with 17 additions and 4 deletions

21
nav.css
View File

@ -9,18 +9,18 @@ body > * {
}
#main {
position: absolute;
/*position: absolute;
top: 0;
left: 192px;
left: 192px;*/
width: calc(100% - 192px);
}
#nav {
width: 192px;
background-color: #cccccc;
position: fixed;
/*position: fixed;
top: 0;
left: 0;
left: 0;*/
}
.nav-item {
@ -40,6 +40,19 @@ body > * {
width: 100%;
}
@media only screen and (min-width: 576px) {
#nav {
position: fixed;
top: 0;
left: 0;
}
#main {
position: absolute;
top: 0;
left: 192px;
}
}
@media only screen and (max-width: 576px) {
#main, #nav {
width: 100%;