Masonry layout

The masonry layout uses CSS columns to produce a Pinterest-style staggered layout. Images flow into columns without cropping, so taller and wider photos keep their proportions.

5 columns

You can pass the album folder as a positional argument; all the other settings come from the frontmatter defaults above:

{{< photo-gallery img/ >}}

4 columns via shortcode argument

Override columns for a single gallery call without changing the page defaults:

{{< photo-gallery img/ columns=4 gap=20 id="five-col" >}}