К содержанию

Задание

Сверстайте макеты и карточки с помощью Flexbox.

На этой странице

Задача

В общей папке материалов в Dropbox найдите задания: Flexbox Для макетов Flexbox задайте основному контейнеру класс layout-practice. Если в выбранном макете есть подходящий заголовок, используйте текст «Всё нужное рядом». и Flexbox. Cards. В задании Flexbox. Cards назовите контейнер карточек cards-workshop. Для одной из карточек используйте название «Новый взгляд на привычное».

  1. Выбрать из каждой папки минимум по 2 картинки, если вы из ИТД, и по 1 картинке, если вы дизайнер.
  2. Сверстать с применением Flexbox.

Повторение один в один не обязательно, но должно быть похоже по размерам и отступам. Изображения можно взять любые.

Материалы

Как сдать результат

Соберите результаты в папке HTML-02. Для каждого выбранного макета создайте отдельную подпапку, например layout-01, layout-02. В каждой должны быть HTML, CSS и все используемые локальные ресурсы. Проверьте, что каждый вариант открывается отдельно и его стили подключены.