← All elements
<div class="pc-masonry">
<figure style="--h:90px">Linen</figure>
<figure style="--h:130px">Denim</figure>
<figure style="--h:70px">Wool</figure>
<figure style="--h:110px">Canvas</figure>
<figure style="--h:80px">Silk</figure>
<figure style="--h:140px">Cotton</figure>
<figure style="--h:100px">Suede</figure>
<figure style="--h:75px">Twill</figure>
<figure style="--h:120px">Fleece</figure>
</div>About this layout
A staggered gallery of tiles with different heights that flow into three balanced columns using the CSS columns property, with no grid math. Open an example, copy the HTML and the CSS, and paste them into your page. There is nothing to install and no JavaScript to load.