Masonry Grid
A masonry work grid with six Placeholder tiles in mixed aspect ratios and medium and year captions, suited to photography and illustration portfolios.
A masonry work grid with six Placeholder tiles in mixed aspect ratios and medium and year captions, suited to photography and illustration portfolios.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Masonry Grid is the work surface for visual disciplines, six pieces in mixed aspect ratios laid out via CSS columns so the composition breathes differently than a rigid grid. Shoreline and Architecture Study run tall at 4/5, Market Day and Still Life No. 7 run wide at 4/3, Bloom Series and Dusk sit square. Each tile carries the piece name, the medium (Photography or Illustration), and the year as a small caption.
Pieces are one array with an aspect field per item. Mixed proportions are the distinctive choice: a columns layout lets the browser flow tiles naturally and avoids the uniform stamp of a fixed grid, which suits image-led practices more than role-and-client portfolios.
Reach for this block as the work section of a photography, illustration, or fine-art portfolio where proportion variety carries as much meaning as the image itself. The installer swaps every Placeholder for real work and updates the medium and year captions per piece.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the photography or illustration folio. Other masonry uses:
Tip: keep the aspect variety intentional, three tall, two wide, one square reads as a considered layout, six squares in a columns wrapper reads as an accident.