Rename article wrapper grid area names

This commit is contained in:
Helen Chong 2024-04-15 03:00:25 +08:00
parent 51871aba67
commit dcd6894637
1 changed files with 4 additions and 4 deletions

View File

@ -301,20 +301,20 @@ main {
/* Desktop main content layout */ /* Desktop main content layout */
@media only screen and (min-width: 60rem) { @media only screen and (min-width: 60rem) {
.article__wrapper { .article__wrapper {
grid-template-areas: 'a b c'; grid-template-areas: 'leftbar article rightbar';
grid-template-columns: minmax(0,15rem) minmax(0,2.5fr) minmax(0,15rem); grid-template-columns: minmax(0,15rem) minmax(0,2.5fr) minmax(0,15rem);
} }
.article { .article {
grid-area: b; grid-area: article;
} }
.left-sidebar { .left-sidebar {
grid-area: a; grid-area: leftbar;
} }
.right-sidebar { .right-sidebar {
grid-area: c; grid-area: rightbar;
} }
} }