Grid 2.0 makes it easy to turn content-driven lists like CMS collections, ecommerce product lists, and search result pages into responsive grids. And with the magic of Auto-fit, you can have "smart" grid layouts that automatically adjust to fit different screen sizes.
To create this layout, you'll:
- Add a collection list and connect it to one of your collections
- Design the collection list item
- Apply the grid layout to the collection list
- Edit the grid and set up auto-fit to create a fully responsive grid
- Make sure the grid is indeed fully responsive on all devices