diff --git a/tradein-mvp/frontend/src/app/mera-public/landing-v3.module.css b/tradein-mvp/frontend/src/app/mera-public/landing-v3.module.css index 77568bc0..ee875cf8 100644 --- a/tradein-mvp/frontend/src/app/mera-public/landing-v3.module.css +++ b/tradein-mvp/frontend/src/app/mera-public/landing-v3.module.css @@ -983,9 +983,14 @@ text-wrap: pretty; } +/* Плиток бывает четыре или пять (пятая — тёмная, приходит из /stats и может + не прийти). Грид с фиксированной minmax-колонкой ронял пятую на вторую + строку одну и узкую — читалось как обрыв. Flex-wrap с общим базисом делает + строку цельной при любом числе плиток: что помещается — стоит в ряд, + остаток растягивается на всю ширину, а не висит слева огрызком. */ .accKpiGrid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); + display: flex; + flex-wrap: wrap; gap: 20px; margin: 0 0 32px; padding: 0; @@ -993,6 +998,8 @@ } .accKpiTile { + flex: 1 1 200px; + min-width: 0; background: var(--b2c-page-bg); border: 1px solid var(--b2c-line); border-radius: 10px; @@ -1100,10 +1107,14 @@ color: var(--b2c-ink); } +/* Правый край — общий с заголовком столбца (.accTableHeadCellRight); + иначе значения стоят левее шапки и столбец читается пустым. + На мобильном брейке ниже text-align сбрасывается в left. */ .accCellErr { font-family: var(--b2c-font-mono); font-size: 12px; color: var(--b2c-muted); + text-align: right; } .accCellGain {