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){
|
@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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue