m038/intotheeast-com-content
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(trip): fix cycling stats mobile grid — span lone last card full width

Browse Source 
7 cycling stat blocks in a 2-col mobile grid leaves a lone card in the
last row's left column with empty space on the right. Using
:last-child:nth-child(odd) + grid-column: 1/-1 spans that card across
both columns. Also minmax(0,1fr) on both grids for strictly equal widths.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr
This commit is contained in:
Mischa
2026-06-21 23:18:09 +02:00
parent 02fc666661
commit 2c831628b2
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/intotheeast/css/style.css
+3 -2
View File
@@ -1207,7 +1207,7 @@ body::after {
} }
@media (max-width: 600px) { @media (max-width: 600px) {
.trip-stats-grid { grid-template-columns: repeat(2, 1fr); } .trip-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
} }
.trip-stats-countries { .trip-stats-countries {
@@ -1248,7 +1248,8 @@ body::after {
} }
@media (max-width: 600px) { @media (max-width: 600px) {
.trip-cycling-grid { grid-template-columns: repeat(2, 1fr); } .trip-cycling-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.trip-cycling-grid .stat-block:last-child:nth-child(odd) { grid-column: 1 / -1; }
} }
/* ── Story pages ─────────────────────────────────────────────────────────── */ /* ── Story pages ─────────────────────────────────────────────────────────── */