Responsive Masonry Image Gallery Like Pinterest, Pexels, Unsplash | Responsive Image Grid

*Without* using ❌*CSS Grid*, ❌*Flexbox* & ❌*Media Queries*, we'll build *Responsive Masonry Image Gallery*. Masonry is a grid layout based on columns. *Masonry layout* optimizes the use of space inside the web page by *reducing any unnecessary gaps*.
And there is also 💎bonus class where I'll show you how to *Generate Random 🎨 Images Dynamically* with vanilla JavaScript.

Subscribe my channel for more helpful videos:
🔔 https://www.youtube.com/channel/UCJFIJzh2i9aYQPAL4VWuECA/sub_confirmation=1

⌚Timestamps
00:00 Intro
01:03 HTML
02:00 CSS (Masonry Layout | Masonry Image Gallery)
05:37 Generate Random 🖼 Images Dynamically
08:30 Outro

🔗 Generate Random Image Link: https://source.unsplash.com/random

This 🎬 video is part of Playlist:
▶ https://youtube.com/playlist?list=PLHktALTk_XeDfo61YM34R9-WpCrnuU4qf

🌎 Browser : Brave V.1.40 (Chrome V.103.0)
📝 Code Editor : VS Code
💠 Extensions : Live-server

#imagegallery #responsivedesign

Видео Responsive Masonry Image Gallery Like Pinterest, Pexels, Unsplash | Responsive Image Grid канала CodingDesign