initial work on mobile layout

adjust sizing of elements
change display from grid to flex
hide nav, footer, and header
This commit is contained in:
emma 2025-01-28 09:12:27 -05:00
parent 6c54393c6e
commit 4b325bbfd7

View File

@ -189,6 +189,24 @@ nav {
}
}
@media only screen and (max-width: 600px) {
header {
display: none;
}
footer {
display: none;
}
nav {
display: none;
}
body {
display: flex;
}
main {
height: 90vh;
width: 100vw;
}
}
section {
width: 55vw;
}