Задача: Адаптивная верстка для отображения товаров на мобильных устройствах
Требуется доработать текущую мобильную версию сайта для корректного и удобного отображения товаров.
Основное требование
- На большинстве мобильных устройств в области просмотра (viewport) должно одновременно отображаться 4 товара.
- Расположение товаров: 2 ряда по 2 товара в каждом.
Что нужно сделать
- Проанализировать текущую мобильную верстку сайта.
- Внести правки в HTML/CSS (и, при необходимости, JavaScript) для достижения указанного расположения товаров.
- Обеспечить корректное отображение и адаптивность на различных разрешениях экранов мобильных устройств (смартфоны, планшеты).
- Сохранить общую функциональность и удобство использования интерфейса.
Ожидаемый результат
Пользователь при открытии сайта на мобильном устройстве видит сетку товаров, где без прокрутки отображаются 4 позиции (2х2). Верстка должна быть аккуратной и адаптивной.