Image Gallery Block
Display multiple images in a responsive grid layout. Upload images directly or use external URLs. Each image can have alt text and an optional caption.
The Image Gallery block presents multiple images in a uniform grid. Unlike individual image blocks, galleries maintain consistent sizing and spacing, making them ideal for showcasing collections of related visuals.
When to Use
Block Properties
| Property | Required | Description |
|---|---|---|
| Columns | No | Number of columns in the grid: 2, 3, or 4. Default: 3 |
| Images | Yes | Array of image items to display |
Image Properties
| Property | Required | Description |
|---|---|---|
| Source | Yes | Image URL or uploaded file reference |
| Alt Text | Yes | Accessibility description for screen readers |
| Caption | No | Text displayed below the image |
Adding Images
Responsive Behaviour
| Screen Size | 4 Columns | 3 Columns | 2 Columns |
|---|---|---|---|
| Desktop (1024px+) | 4 | 3 | 2 |
| Tablet (768px) | 2 | 2 | 2 |
| Mobile (480px) | 1 | 1 | 1 |
Example Gallery
A 3-column gallery showcasing nature photography: