EASY HORIZONTAL MASONRY EFFECT WITH CSS GRID

Author:

  • Andy Barefoot
  • May 6, 2018

Made with:

  • HTML / CSS

About the code:

This is an amazing Masonry Layout Example created using CSS Grid and writing-mode: vertical-lr to create a tiled layout that automatically populates from top-to-bottom, left-to-right as more content is added.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: Yes

Dependencies:

Download Demo and Code