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){
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 {
position: initial;
}
@ -192,8 +201,4 @@ div.info {
#logo img {
max-width: 100%;
}
article, header {
margin: 0;
}
}