s''
This commit is contained in:
@@ -83,6 +83,7 @@ html {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
grid-auto-rows: 180px;
|
||||
grid-auto-flow: row;
|
||||
gap: 8px;
|
||||
padding: 8px;
|
||||
}
|
||||
@@ -98,7 +99,7 @@ html {
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
.items-grid {
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1fr);
|
||||
grid-auto-rows: 280px;
|
||||
gap: 30px;
|
||||
padding: 20px 40px;
|
||||
@@ -107,12 +108,13 @@ html {
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
.items-grid {
|
||||
grid-template-columns: repeat(5, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 1fr);
|
||||
gap: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Pin right-items to the LAST explicit column */
|
||||
/* Reserve the first right-column rows for feature cards.
|
||||
City cards keep normal auto-placement and fill the right column after these rows. */
|
||||
.items-grid .right-item:nth-child(1) {
|
||||
grid-column: -2 / -1;
|
||||
grid-row: 1;
|
||||
@@ -125,6 +127,22 @@ html {
|
||||
grid-column: -2 / -1;
|
||||
grid-row: 3;
|
||||
}
|
||||
.items-grid .right-item:nth-child(4) {
|
||||
grid-column: -2 / -1;
|
||||
grid-row: 4;
|
||||
}
|
||||
.items-grid .right-item:nth-child(5) {
|
||||
grid-column: -2 / -1;
|
||||
grid-row: 5;
|
||||
}
|
||||
.items-grid .right-item:nth-child(6) {
|
||||
grid-column: -2 / -1;
|
||||
grid-row: 6;
|
||||
}
|
||||
.items-grid .right-item:nth-child(7) {
|
||||
grid-column: -2 / -1;
|
||||
grid-row: 7;
|
||||
}
|
||||
|
||||
/* ==================== City Card ==================== */
|
||||
.city-card {
|
||||
|
||||
Reference in New Issue
Block a user