Испытания

Плиточная галерея

CSS: Flex

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

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

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

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

Подсказки

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

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

Автор Дата обновления Версий
juliaovod 30 июня, 21:40 1
user-0b12b0ab9e8a5a7d 29 июня, 17:25 1
biscuit 29 июня, 08:26 1
aldangold 27 июня, 16:49 1
sanyativporyadke 24 июня, 19:58 1