make design mobile friendly

This commit is contained in:
nek0 2023-11-28 04:13:53 +01:00
parent 4c15b72375
commit 432f3c8d0b

View file

@ -185,6 +185,15 @@ div.info {
} }
@media screen and (max-width: 750px){ @media screen and (max-width: 750px){
body {
grid-template-columns: [maincol] auto;
grid-template-rows: [logorow] 20rem [headerrow] 6rem [mainrow] auto [footerrow] 2rem;
grid-template-areas:
"logo"
"header"
"main"
"footer";
}
#logo { #logo {
position: initial; position: initial;
} }
@ -192,8 +201,4 @@ div.info {
#logo img { #logo img {
max-width: 100%; max-width: 100%;
} }
article, header {
margin: 0;
}
} }