Задача: есть три типа блока: длинный, узкий, маленький. Фон у каждого картинка, содержимого нет. Задача: сделать адаптив, т.е. верстку с сохранением пропорций при изменении ширины экрана. Сделать такую же галерею, где фон - случайный цвет. При добавлении блоков галерея перестраивается так, чтобы внешний вид сохранялся.
Решение первой части: подробный разбор, длительность видео 1 час:
🎬 https://youtu.be/tQ_5xGOgAxQ
Решение второй части:
По мотивам видео с галереей игровых картинок, сделала свою версию:
✔500 блоков случайного цвета
✔каждый второй - вертикальный, каждый пятый - горизонтальный
✔адаптивная сетка, grid