Урок 6
Практика: сетка карточек
25 минСетка карточек — одна из самых распространённых задач в вёрстке. Flexbox справляется с ней отлично!
Базовая сетка карточек
Создадим адаптивную сетку с помощью flex-wrap:
Карточки товаров
Более сложный пример с изображением, ценой и кнопкой:
Равная высота карточек
Одна из ключевых задач — сделать карточки одинаковой высоты. Flexbox делает это автоматически:
Горизонтальная карточка
Карточка с изображением слева и контентом справа:
Материалы по теме
- Глоссарий digital-терминов Глоссарий
- Статьи блога по разработке и SEO Блог
- Практические чеклисты по внедрению Чеклисты
- Email-маркетинг: стратегия и практика Статья