redstrate/redstrate.com
1
Fork 0
Code Activity Actions

Adapt grid layout for mobile users

Browse source
This commit is contained in:
Joshua Goins 2022-09-14 16:54:11 -04:00
parent 955e080bb5
commit cc0e24a752
1 changed files with 21 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
themes/red/assets/css/site.css
View file

@ -1,12 +1,29 @@
/* desktop devices */
@media (min-width: 768px) {
body { body {
background-color: #eebebe;
display: grid;
grid-template: grid-template:
"head head" "head head"
"nav main" "nav main"
"nav foot"; "nav foot";
} }
}
/* mobile devices */
@media (max-width: 768px) {
body {
grid-template:
"head"
"nav"
"main"
"foot";
}
}
body {
background-color: #eebebe;
display: grid;
}
header { header {
grid-area: head; grid-area: head;