[tradein][v2] Мобильной раскладки нет: 390px → overflowX 473px, десктопная сетка без брейкпоинта (из аудита #2266) #2275

New issue

Open

opened 2026-07-03 07:25:41 +00:00 by lekss361 · 0 comments

lekss361 commented

2026-07-03 07:25:41 +00:00

Owner

Из визуального аудита #2266 (эпик #2262), HIGH-находка H2 — вынесено в отдельный issue, т.к. это не фикс, а полноценная responsive-раскладка.

Факт (прод, 2026-07-03, 390×844)

document.documentElement.scrollWidth = 473px при вьюпорте 390px → горизонтальный скролл всей страницы;
герой «8,99» обрезан по левому краю вьюпорта;
правая рейка «СВОДКА» целиком за экраном;
в оверлее «Аналоги» колонка адресов срезана полностью (видны только ИСТОЧНИК и ₽/м²);
десктопная сетка рендерится без единого брейкпоинта (артборд-HUD рассчитан на ≥1280).

Что нужно

Решение по стратегии: (а) честный mobile-layout (стек секций, герой-дуо вертикально, оверлеи фуллскрин) — правильный, но большой; (б) промежуточный scale-to-fit артборда на узких вьюпортах (убирает overflow, читаемость ограничена). Минимум для прода: НЕ должно быть горизонтального скролла и обрезанного героя.

Скриншоты в сессии аудита: audit2266-10-mobile-fresh.png, audit2266-11-mobile-overlay.png.

Refs #2266, #2262

Из визуального аудита #2266 (эпик #2262), HIGH-находка H2 — вынесено в отдельный issue, т.к. это не фикс, а полноценная responsive-раскладка. ## Факт (прод, 2026-07-03, 390×844) - `document.documentElement.scrollWidth = 473px` при вьюпорте 390px → горизонтальный скролл всей страницы; - герой «8,99» обрезан по левому краю вьюпорта; - правая рейка «СВОДКА» целиком за экраном; - в оверлее «Аналоги» колонка адресов срезана полностью (видны только ИСТОЧНИК и ₽/м²); - десктопная сетка рендерится без единого брейкпоинта (артборд-HUD рассчитан на ≥1280). ## Что нужно Решение по стратегии: (а) честный mobile-layout (стек секций, герой-дуо вертикально, оверлеи фуллскрин) — правильный, но большой; (б) промежуточный scale-to-fit артборда на узких вьюпортах (убирает overflow, читаемость ограничена). Минимум для прода: НЕ должно быть горизонтального скролла и обрезанного героя. Скриншоты в сессии аудита: `audit2266-10-mobile-fresh.png`, `audit2266-11-mobile-overlay.png`. Refs #2266, #2262