Найти в Дзене

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

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

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

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

🎬 https://youtu.be/tQ_5xGOgAxQ

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

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

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

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

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

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

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