A masonry layout is a layout in which content is stacked like a brick or stone wall, as shown below. It is also called a waterfall layout because the content flows down the page like a waterfall.
Google’s Web.dev published a group of layouts that depend on a single line of CSS to make them work. These layouts are mobile friendly, fast loading and ready to be incorporated into a web project.