{"product_id":"masonry-and-asymmetric-and-pinterest-style-layout-retina","title":"Masonry and Asymmetric and Pinterest-Style Layout","description":"\u003cp class=\"task-lead\"\u003eA brand wanted a masonry-style collection grid where images kept their natural proportions.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI want the collection grid to be masonry style, like a pinboard, so tall and wide images sit together naturally instead of being cropped to squares.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eProduct photography that didn't fit a uniform grid.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe built a masonry layout for collection pages where cards keep their natural image proportions and flow into columns, with the option enabled per collection.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eMasonry collection layout\u003c\/li\u003e\n\u003cli\u003eNatural image proportions\u003c\/li\u003e\n\u003cli\u003eEnabled per collection\u003c\/li\u003e\n\u003cli\u003eTwo columns on mobile\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155715616842,"sku":"TASK-0438","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/masonry-and-asymmetric-and-pinterest-style-layout-retina","provider":"TaskHusky","version":"1.0","type":"link"}