make #main take up ful width on smol screens
This commit is contained in:
parent
e098a53185
commit
407c6f473b
1 changed files with 6 additions and 0 deletions
|
@ -10,12 +10,18 @@ body {
|
||||||
background: #fafafa;
|
background: #fafafa;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#main {
|
#main {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
max-width: 1500px;
|
max-width: 1500px;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
@media screen and (max-width: 900px) {
|
||||||
|
#main {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
Loading…
Reference in a new issue