Найти тему

Галерея: разноформатные блоки

Задача: есть три типа блока: длинный, узкий, маленький. Фон у каждого картинка, содержимого нет. Задача: сделать адаптив, т.е. верстку с сохранением пропорций при изменении ширины экрана. Сделать такую же галерею, где фон - случайный цвет. При добавлении блоков галерея перестраивается так, чтобы внешний вид сохранялся.

Решение первой части: подробный разбор, длительность видео 1 час:

🎬 https://youtu.be/tQ_5xGOgAxQ

Решение второй части:

По мотивам видео с галереей игровых картинок, сделала свою версию:

✔500 блоков случайного цвета

✔каждый второй - вертикальный, каждый пятый - горизонтальный

✔адаптивная сетка, grid

🔗Опубликованная страница

🔗Открытый репозиторий