DEMO

Description

I often see when someone uses some libraries or CSS Grid to create masonry

I just put it here, maybe someone will find it useful. You can create masonry just with two CSS properties: column-count and column-gap

⚠️ I set column-count with js to not create a lot of @media breakpoints

Credits

Photo by Anoir Chafik on Unsplash
Photo by James Barker on Unsplash
Photo by Jamie Street on Unsplash
Photo by Alvan Nee on Unsplash
Photo by Camilo Fierro on Unsplash
Photo by Jay Wennington on Unsplash
Photo by Ash on Unsplash
Photo by Alvan Nee on Unsplash
Photo by Michael Oxendine on Unsplash
Photo by Kieran White on Unsplash
Photo by Vincent van Zalinge on Unsplash
Photo by Richard Brutyo on Unsplash
Photo by Jae Park on Unsplash
Photo by ModCatShop on Unsplash
Photo by Alvan Nee on Unsplash
Photo by Alex Nicolopoulos on Unsplash
Photo by Lloyd Dirks on Unsplash
Photo by Daria Shatova on Unsplash
Photo by Karina Vorozheeva on Unsplash
Photo by Steffi Pereira on Unsplash
Photo by Jari Hytönen on Unsplash
Photo by Lloyd Henneman on Unsplash
Photo by Zoë Gayah Jonker on Unsplash
Photo by Zeke Tucker on Unsplash