Justified Grid (Divi)
A gallery for Divi 5. Each Gallery Group (a child module) holds images from the Media Library and becomes a filter tab. Lay them out in justified rows — every row the same height, filled edge to edge — or as masonry, even tiles or fit rows, with captions, hover effects, Show More and a lightbox. Each example is labelled with its settings; click any image to open the lightbox.
1. Justified rows with filter tabs
Layout: Justified rows at 240 px (160 px on phones) · three Gallery Groups as filter pills with counts · captions from the media library, sliding up on hover · zoom on hover · the lightbox with captions and a counter.
2. Tight rows, black & white to colour
Row height 180 px · 4 px spacing · Never taller than the row height · last row fills the width · Black & white to colour on hover · captions over a soft gradient · no filter menu.
3. Masonry
Layout: Masonry, 3 columns (2 on tablets and phones) · captions below each image · filter menu underlined, “Women” opens first · shuffle when the filter changes · lift on hover.
4. Even tiles with a featured image
Layout: Even, square tiles, 4 columns (2 on phones) · Feature the First Image (spans two columns and rows) · a hover icon over a dark overlay · Spotlight dims the others · crop focus top.
5. Fit rows, segmented filter and Show More
Layout: Fit rows, 4 columns · segmented filter without “All” · 6 images, then a “Show more” button · entrance: fade up · reversed order · captions centred on hover · opens the image file instead of the lightbox.
6. Styled from the Design tab
Images: 14 px radius and a soft shadow, a slow 700 ms zoom · caption bar colour and font · outlined filter buttons with an accent and an active state · a pill Show More button · the lightbox in the brand colours.




















