Make the main header occupy the entire width

This commit is contained in:
Helen Chong 2024-04-15 00:26:51 +08:00
parent f0971e2971
commit a3f751327b
1 changed files with 9 additions and 1 deletions

View File

@ -254,6 +254,14 @@ main,
gap: 0.8rem; gap: 0.8rem;
} }
main {
width: 100%;
}
.article__wrapper {
justify-self: center;
}
.main__header, .main__header,
article, article,
.left-sidebar, .left-sidebar,
@ -302,7 +310,7 @@ article,
} }
@media only screen and (min-width: 80rem) { @media only screen and (min-width: 80rem) {
main { .article__wrapper {
max-width: 80rem; max-width: 80rem;
} }
} }