deemanone/padelnomics
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(css): stats-strip auto-fit layout supports 4 or 5 metric items

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
Deeman
2026-02-26 20:08:37 +01:00
parent 7186d4582a
commit c6ce0aeaee
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/padelnomics/static/css/input.css
View File

@@ -484,7 +484,7 @@
@apply grid grid-cols-2 gap-3 mb-8; @apply grid grid-cols-2 gap-3 mb-8;
} }
@media (min-width: 640px) { @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 { .stats-strip__item {
@apply bg-soft-white border border-light-gray rounded-lg p-4; @apply bg-soft-white border border-light-gray rounded-lg p-4;