SFP-BLOCKS/PORTFOLIO-GRID
Portfolio grid
A masonry-style image grid with per-item size (small / medium / large). Built for the Hillcrest architecture portfolio’s landing page; usable for any visual portfolio that wants a packed, varied-size grid without a JS library.
Live
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Attributes
| Attribute | Type | Default | Description |
|---|---|---|---|
items | array | 6 sample items | Each {image_url, alt, caption, size: small|medium|large} |
columns | number | 4 | Column count (2–6; collapses on narrow viewports) |
gap | string | "1rem" | CSS gap between grid cells |
Example markup
<!-- wp:sfp-blocks/portfolio-grid {"columns":4,"items":[{"image_url":"/wp-content/uploads/cover.jpg","alt":"Cedar Cove House","caption":"Cedar Cove","size":"large"}]} /-->