16 lines
374 B
SCSS
16 lines
374 B
SCSS
body {
|
|
display: grid;
|
|
grid-template-rows: auto auto 1fr auto;
|
|
grid-template-columns: var(--sidebar-width) 1fr;
|
|
grid-template-areas:
|
|
"sidebar header"
|
|
"sidebar banner"
|
|
"sidebar main "
|
|
"sidebar footer";
|
|
justify-items: center;
|
|
transition: grid-template-columns var(--transition);
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
grid-template-columns: 0 1fr;
|
|
}
|
|
}
|