{"product_id":"full-width-collection-page-parallax","title":"Full-Width Collection Page","description":"\u003cp class=\"task-lead\"\u003eA brand wanted collection pages to use the full browser width instead of the theme's contained layout.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eThe collection page is contained in the middle with wasted space on the sides. Make it full width so more products fit and the images are larger.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eScreen space going unused.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe made collection pages full width with the grid expanding to fill the viewport, keeping consistent gutters and adapting the column count for wider screens.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eFull-width collection pages\u003c\/li\u003e\n\u003cli\u003eGrid fills the viewport\u003c\/li\u003e\n\u003cli\u003eColumn count adapts to screen width\u003c\/li\u003e\n\u003cli\u003eConsistent gutters\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155700445258,"sku":"TASK-0384","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/full-width-collection-page-parallax","provider":"TaskHusky","version":"1.0","type":"link"}