2021-10-24 20:48:28 +00:00
|
|
|
.landing-layout {
|
|
|
|
display: grid;
|
|
|
|
gap: $spacing-medium;
|
2021-03-11 04:19:37 +00:00
|
|
|
|
2021-10-24 20:48:28 +00:00
|
|
|
> * {
|
|
|
|
overflow: hidden;
|
2021-03-11 04:19:37 +00:00
|
|
|
}
|
2021-10-24 20:48:28 +00:00
|
|
|
}
|
2021-03-11 04:19:37 +00:00
|
|
|
|
2021-10-24 20:48:28 +00:00
|
|
|
@media #{$breakpoint-large} {
|
|
|
|
.landing-layout {
|
|
|
|
grid-template-columns: 1fr;
|
|
|
|
grid-auto-columns: 1fr;
|
2021-03-11 04:19:37 +00:00
|
|
|
|
2021-10-24 20:48:28 +00:00
|
|
|
> * {
|
|
|
|
grid-column: 1 / 2;
|
2021-03-11 04:19:37 +00:00
|
|
|
|
2021-10-24 20:48:28 +00:00
|
|
|
&.landing-right {
|
|
|
|
grid-column: 2 / 3;
|
|
|
|
grid-row: 1 / 20; // increase this number if somehow you ever add that much garbage to the home page :)
|
2021-03-11 04:19:37 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|