This commit is contained in:
eric
2026-06-06 04:29:46 -05:00
parent 88aa96a2a1
commit 41493c35ca
50 changed files with 4666 additions and 416 deletions

View File

@@ -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 {