December 21, 2024

How to Create CSS Masonry Layouts

Author: Adi Purdila
Go to Source

If you’ve ever browsed Pinterest, then you’ll have noticed that the various cards are displayed in a staggered way and don’t align horizontally. This is because the cards are not always the same height. This type of layout is called “masonry” and usually requires a bit of JavaScript to achieve. In this course, we’ll be exploring a few different ways of creating such a layout purely with CSS.

Read more