From 2c831628b24be0ceabd9846fbfb282cfb4090280 Mon Sep 17 00:00:00 2001 From: Mischa Date: Sun, 21 Jun 2026 23:18:09 +0200 Subject: [PATCH] =?UTF-8?q?fix(trip):=20fix=20cycling=20stats=20mobile=20g?= =?UTF-8?q?rid=20=E2=80=94=20span=20lone=20last=20card=20full=20width?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr --- themes/intotheeast/css/style.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/themes/intotheeast/css/style.css b/themes/intotheeast/css/style.css index 70b6d10..2753c00 100644 --- a/themes/intotheeast/css/style.css +++ b/themes/intotheeast/css/style.css @@ -1207,7 +1207,7 @@ body::after { } @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 { @@ -1248,7 +1248,8 @@ body::after { } @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 ─────────────────────────────────────────────────────────── */