Плиточная галерея Испытание курса: CSS: Flex

В этом упражнении вам необходимо сделать плиточную галерею используя только возможности Flex. Зачастую такой вид галереи создаётся при помощи JavaScript, так как необходимо подстраивать элементы друг под другом с одинаковыми отступами вне зависимости от высоты элементов в строке.

Конечным результатом выполнения упражнения станет следующий вид галереи:

Финальный вид плиточной галереи

Ваша задача: задать стили для блока gallery и элементов gallery-item.

Подсказки

  1. Подумайте, по какой именно оси должны отображаться элементы внутри блока gallery.
  2. Вам понадобится свойство order.
  3. Используйте псевдокласс nth-child.
  4. Не забудьте про перенос элементов.
Успешных завершений: 86%

Для полного доступа к испытанию нужна профессиональная подписка

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

Получить доступ
115
курсов
892
упражнения
2241
час теории
3196
тестов

Последние код-ревью

Автор Дата обновления Версий
yavictor 20 янв., 10:56 1
dinikoff 19 янв., 19:32 1
sergeysinoptik 18 янв., 18:03 1
muslim 17 янв., 22:38 1
hexlet_art 08 янв., 20:45 1