Justified Layout
The Justified layout arranges images in rows where each row stretches edge-to-edge, creating a clean, professional gallery appearance.
Overview
Images are arranged in horizontal rows with consistent height, expanding to fill the full width.
| Attribute | Value |
|---|---|
| Category | Grid |
| Row Height | Configurable |
| Edge-to-Edge | Yes |
| Aspect Ratios | Preserved |
Best for:
- Photography portfolios
- Professional galleries
- Mixed aspect ratio images
- Clean, editorial layouts
Row Height
Target Height
Set the ideal height for rows:
- Small - 150px (more images per row)
- Medium - 200px (default balance)
- Large - 300px (fewer, larger images)
- Custom - Specify exact pixel value
Height Behavior
The layout calculates how many images fit per row based on:
- Container width
- Image aspect ratios
- Target row height
- Gap settings
Images may be slightly taller or shorter to fill rows perfectly.
Gap Settings
Gap Size
Space between images:
- None - 0px (edge-to-edge)
- Small - 4px
- Medium - 8px (default)
- Large - 16px
- Custom - Specify exact pixels
Consistent Spacing
Gaps are applied uniformly:
- Between images in a row
- Between rows
Last Row
Last Row Options
Control how the final row appears when it doesn't fill completely:
- Justify - Stretch to fill (may enlarge images)
- Left Align - Keep natural size, align left
- Center - Keep natural size, center align
- Hide - Don't show incomplete last row
Orphan Prevention
Set minimum images for last row to prevent single lonely images.
Layout Settings
Maximum Row Height
Limit how tall rows can become:
- Prevents overly large images on wide screens
- Default: 1.5x target height
Minimum Images per Row
Force at least N images per row:
- Ensures consistent density
- Default: 1 (no minimum)
Container Padding
Add spacing around the entire gallery.
Tips
- Works best with many images of similar subject matter
- Smaller row heights show more images but less detail
- Consider viewer's screen size when setting row height
- Use medium gap for most galleries