28 lines
506 B
CSS
28 lines
506 B
CSS
.layout {
|
|
--header-height: 4.5rem;
|
|
|
|
display: grid;
|
|
font-family: var(--ff-fira-sans);
|
|
grid-template-rows: var(--header-height) auto 1fr;
|
|
min-height: 100dvh;
|
|
}
|
|
|
|
.content {
|
|
display: grid;
|
|
padding-bottom: 7.7rem;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
position: relative;
|
|
}
|
|
|
|
@media screen and (min-width: 950px) {
|
|
.content {
|
|
gap: 10rem;
|
|
grid-template-columns: 25rem 1fr;
|
|
padding-bottom: 17.5rem;
|
|
padding-left: 2.4rem;
|
|
padding-right: 2.4rem;
|
|
padding-top: 5.8rem;
|
|
}
|
|
}
|