Masonry layout Easily create masonry layouts using only CSS.

You can easily create masonry like layouts by wrapping your .masonry-items inside a .masonry-grid. You can change the 30px gap size using .no-gutters, .gap-1, .gap-2, .gap-3, .gap-4, .gap-5. You should apply these classes to your .masonry-grid element.

Also, you can change number of columns using .masonry-cols-2, .masonry-cols-3, .masonry-cols-4, .masonry-cols-5. You should apply these classes to your .masonry-grid element.

Following example has .gap-2 on .masonry-grid.