make design mobile friendly
This commit is contained in:
parent
4c15b72375
commit
432f3c8d0b
1 changed files with 9 additions and 4 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue