Карточка товара ломается в узкой боковой колонке на широком экране
Карточка перестраивается в горизонтальную раскладку медиазапросом @media (min-width: 768px). Её используют в основной сетке и в узкой боковой колонке «Недавно смотрели» шириной 280px. На широком экране медиазапрос срабатывает, и в боковой колонке карточка пытается стать горизонтальной и не помещается.
Какой подход решает это без отдельного класса для каждого места?
- Контейнерные запросы: раскладка зависит от ширины контейнера, а не окна
- Добавить второй медиазапрос с max-width для боковой колонки
- Задать карточке фиксированную ширину 280px везде
- Считать ширину колонки в JavaScript и менять классы через ResizeObserver