Allow a slightly bigger max-width step for main
This commit is contained in:
parent
333317875b
commit
5309ef425a
|
@ -118,7 +118,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
width: 900px;
|
width: 1100px;
|
||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
box-shadow: 0 0 50px rgba(0, 0, 0, 0.6);
|
box-shadow: 0 0 50px rgba(0, 0, 0, 0.6);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
@ -344,7 +344,7 @@ nav a i {
|
||||||
.left-column {
|
.left-column {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
max-width: 700px;
|
max-width: 900px;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1702,6 +1702,12 @@ form .post {
|
||||||
color: var(--color-text-dull);
|
color: var(--color-text-dull);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1100px) {
|
||||||
|
main {
|
||||||
|
max-width: 900px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 920px),
|
@media (max-width: 920px),
|
||||||
(display-mode: standalone) {
|
(display-mode: standalone) {
|
||||||
.left-column {
|
.left-column {
|
||||||
|
|
Loading…
Reference in New Issue