2023-01-18 10:52:12 -05:00
|
|
|
.grid {
|
2023-01-30 23:44:19 -05:00
|
|
|
contain: strict;
|
2023-01-18 10:52:12 -05:00
|
|
|
position: relative;
|
|
|
|
flex-grow: 1;
|
2023-02-04 00:43:53 -05:00
|
|
|
padding: 0 20px;
|
2023-01-25 23:51:36 -05:00
|
|
|
overflow-y: auto;
|
2023-02-03 16:27:49 -05:00
|
|
|
overflow-x: hidden;
|
2023-01-18 10:52:12 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.slotGrid {
|
|
|
|
position: relative;
|
|
|
|
display: grid;
|
2023-02-04 00:43:53 -05:00
|
|
|
grid-auto-rows: 163px;
|
|
|
|
gap: 8px;
|
|
|
|
padding-bottom: var(--footerHeight);
|
2023-01-18 10:52:12 -05:00
|
|
|
}
|
|
|
|
|
2023-01-29 21:56:07 -05:00
|
|
|
.slot {
|
2023-01-30 23:44:19 -05:00
|
|
|
contain: strict;
|
2023-01-29 21:56:07 -05:00
|
|
|
}
|
2023-02-04 00:43:53 -05:00
|
|
|
|
|
|
|
@media (min-width: 800px) {
|
|
|
|
.grid {
|
|
|
|
padding: 0 22px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.slotGrid {
|
|
|
|
grid-auto-rows: 183px;
|
|
|
|
column-gap: 18px;
|
|
|
|
row-gap: 21px;
|
|
|
|
}
|
|
|
|
}
|