🎨 refactor: combine and reorder media queries
This commit is contained in:
parent
46100730fa
commit
af81f88b92
@ -158,7 +158,12 @@ article {
|
|||||||
margin-top: -5vmin;
|
margin-top: -5vmin;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -239,6 +244,14 @@ strong {
|
|||||||
body {
|
body {
|
||||||
margin: 0 32px;
|
margin: 0 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
article .full-width {
|
||||||
|
width: auto;
|
||||||
|
max-width: none;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 600px) {
|
@media only screen and (max-width: 600px) {
|
||||||
@ -273,13 +286,3 @@ strong {
|
|||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 1000px) {
|
|
||||||
article .full-width {
|
|
||||||
width: auto;
|
|
||||||
max-width: none;
|
|
||||||
margin-left: 0;
|
|
||||||
margin-right: 0;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user