Адаптивная верстка на CSS Grid для интернет магазина. Использование grid areas

Верстаем нестандартную сетку с товарами для интернет магазина на CSS Grid c использованием grid template ares. Применяем адаптив и responsive верстку. Медиазапросы и minmax при верстке на гридах. ↓↓↓ Тайм-коды в описании ↓↓↓ Уроки по CSS Grid на нашем канале: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 30 Октября 2023 года Обучение с наставником, 3 месяца, результат, гарантия. Старт курса: 23 Октября 2023 года ? Обучение с нуля ?♂️ Обучение с наставником ? Доведение с нуля до результата ? Помощь с трудоустройством ? Поможем взять первый заказ на фрилансе :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Тайм-коды :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 00:00 Постановка задачи 01:16 Дизайн макет 02:36 Почему не стоит использовать flex-box 03:57 Создаем сетку на CSS grid 06:13 Работа с CSS Grid template area 06:13 Варианты позиционирования блоков внутри сетки 10:37 Дополнительные товары. Неявная сетка 12:12 Адаптив CSS Grid для планшетов 18:05 Адаптив CSS Grid для смартфонов Корректировка адаптива и...