The request
“The 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.”
Screen space going unused.
The approach
We made collection pages full width with the grid expanding to fill the viewport, keeping consistent gutters and adapting the column count for wider screens.
What we shipped
Full-width collection pages
Grid fills the viewport
Column count adapts to screen width
Consistent gutters