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:
parent
6c54393c6e
commit
4b325bbfd7
@ -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;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user