BLACK FRIDAY

остался 1 день

Скидка 10% и подарок на выбор — при покупке одной программы
При покупке двух программ  — вторая со скидкой 50%

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

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

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

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

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

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

Подсказки

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

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

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

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

Отзывы

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

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