Lifetime prices rise on 19 October →
Phox Elements
Preview colours
Preview only — copied wireframes keep their original colours.
gallery-15-furniture-maker-index-with-staggered-ratios
View favourites Favourites are saved in this browser.

Notes

An editorial portfolio gallery for a furniture maker: a large lead image beside a portrait, a row of three at different ratios with the middle one dropped to break the line, then a wide closing image paired with a big count and a commission button. Each picture is a Breakdance Image2 in its own Div with a numbered caption under a hairline, and the rows are Div advanced grids (7/5, 4/5/3 and 8/4) that fall to one column on phones. The filter pills are static Divs; to make them filter, replace the rows with a loop and a facet. Upload photos close to the placeholder ratios (3:2, 4:5, 1:1, 4:3, 8:11 and 16:9) so the stagger holds.

Similar wireframes