In this detailed tutorial, you’re going to learn how to create horizontal masonry layouts with CSS grid. Doing a masonry layouts with CSS Grid seems quite an interesting task. The only problem in other masonry layouts was inability to order items left-to-right. Good news this one is going to be a horizontal one, i.e. left-to-right masonry. The most noteworthy thing about this layout is its dependence on CSS Grid layout module. Hence the making is going to be pure CSS. You’ll also add a small bit of JS can be added for more practical and hassle-free sizing.