Remove article margins on small screens.
This commit is contained in:
parent
e5b415e3b8
commit
b06185ce4e
1 changed files with 24 additions and 1 deletions
|
@ -35,7 +35,6 @@ body
|
||||||
|
|
||||||
article
|
article
|
||||||
{
|
{
|
||||||
width: 90%;
|
|
||||||
min-width: 10em;
|
min-width: 10em;
|
||||||
max-width: 70em;
|
max-width: 70em;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
|
@ -47,6 +46,30 @@ article
|
||||||
background-color: var(--color_bodybg);
|
background-color: var(--color_bodybg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 600px)
|
||||||
|
{
|
||||||
|
article
|
||||||
|
{
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 600px)
|
||||||
|
{
|
||||||
|
article
|
||||||
|
{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
body > article:first-of-type
|
||||||
|
{
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
body > article:last-of-type
|
||||||
|
{
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5
|
h1, h2, h3, h4, h5
|
||||||
{
|
{
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
|
|
Loading…
Reference in a new issue