Creating a masonry layout with CSS Grid

Adam Collier
3 min readMay 17, 2019

In a recent project I came across a nifty way to create a masonry grid layout using CSS grid and a smidge of javascript . Initially I thought about using something like Masonry.js or Isotope but it kinda felt a little bit overkill. Whats cool about this approach its super flexible and it’s not relying on any frameworks! I’m going to try and keep this post short and sweet so you can get up and running and enjoy this…

Adam Collier

Designer/Developer for Missguided. Co-organiser of FCC MCR