From c6ce0aeaee30abc83462c052a6d9779c5a3c1c1b Mon Sep 17 00:00:00 2001 From: Deeman Date: Thu, 26 Feb 2026 20:08:37 +0100 Subject: [PATCH] feat(css): stats-strip auto-fit layout supports 4 or 5 metric items Change from repeat(4, 1fr) to repeat(auto-fit, minmax(140px, 1fr)) so the stats strip accommodates both 4-item (country overview) and 5-item (city articles with opportunity score) layouts without breaking smaller widths. Co-Authored-By: Claude Opus 4.6 --- web/src/padelnomics/static/css/input.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web/src/padelnomics/static/css/input.css b/web/src/padelnomics/static/css/input.css index b450903..d1bba2d 100644 --- a/web/src/padelnomics/static/css/input.css +++ b/web/src/padelnomics/static/css/input.css @@ -484,7 +484,7 @@ @apply grid grid-cols-2 gap-3 mb-8; } @media (min-width: 640px) { - .stats-strip { grid-template-columns: repeat(4, 1fr); } + .stats-strip { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); } } .stats-strip__item { @apply bg-soft-white border border-light-gray rounded-lg p-4;