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

CSS: Основы Flex 21 сообщение
Обновлено: 20 июня, 23:20
898
Студентов
90%
Завершения

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

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

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

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

Подсказки

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

Для полного доступа к испытанию нужен базовый план

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

Получить доступ
900
упражнений
2000+
часов теории
3200
тестов

Впечатления

Аватар пользователя Timur
Timur 17 марта 2022

Упражнение простое, просто внимательное читайте и сделаете)))