Make containers wider

This commit is contained in:
Tanner Collin 2024-03-18 17:20:51 -06:00
parent 9e8e1e7b1b
commit 424583e75f
2 changed files with 9 additions and 8 deletions

View File

@ -18,7 +18,7 @@
outline: none; outline: none;
} }
.content { .content {
max-width: 600px; max-width: 50rem;
line-height: 1.4; line-height: 1.4;
} }
.toclink { .toclink {
@ -48,13 +48,13 @@
float: left; float: left;
margin-right: 1rem; margin-right: 1rem;
} }
@media screen and (min-width:49rem) { @media screen and (min-width:63rem) {
.content .aside { .content .aside {
display: inline; display: inline;
float: right; float: right;
position: relative; position: relative;
width: 8rem; width: 10rem;
margin-right: -10rem; margin-right: -12rem;
font-size: 0.9rem; font-size: 0.9rem;
} }
} }

View File

@ -44,7 +44,7 @@
} }
.container { .container {
max-width: 42rem; max-width: 50rem;
margin: 1rem auto 12rem auto; margin: 1rem auto 12rem auto;
} }
@ -125,13 +125,14 @@
font-size: 0.9rem; font-size: 0.9rem;
} }
@media screen and (min-width:62rem) { @media screen and (min-width:72rem) {
.content .aside { .content .aside {
text-align: right;
display: inline; display: inline;
float: left; float: left;
position: relative; position: relative;
width: 8rem; width: 10rem;
margin-left: -9rem; margin-left: -11rem;
} }
} }