Change main header background color

This commit is contained in:
Helen Chong 2024-04-15 02:27:57 +08:00
parent cf8eb8d210
commit 95858baa37
1 changed files with 11 additions and 2 deletions

View File

@ -251,7 +251,6 @@ main,
.article__wrapper { .article__wrapper {
font-size: 1.2rem; font-size: 1.2rem;
display: grid; display: grid;
gap: 0.8rem;
} }
main { main {
@ -260,16 +259,26 @@ main {
.article__wrapper { .article__wrapper {
justify-self: center; justify-self: center;
gap: 0.8rem;
} }
.main__header, .main__header,
.article, .article,
.left-sidebar, .left-sidebar,
.right-sidebar { .right-sidebar {
background-color: var(--clr-content-bg);
padding: 1.5rem clamp(1rem, 5%, 3rem); padding: 1.5rem clamp(1rem, 5%, 3rem);
} }
.main__header {
background-color: var(--clr-quote-bg);
}
.article,
.left-sidebar,
.right-sidebar {
background-color: var(--clr-content-bg);
}
.article__info { .article__info {
text-align: center; text-align: center;
display: grid; display: grid;