Streaming live at 10am (PST)

How can I create an image grid for each collection list item?

Hello!

I’m a newfound Webflow fan and user here.

I’m trying to build an image grid for each CMS item, instead of 1 image I’m trying to build a 3x2 grid as seen in this screenshot -

.

How do I go about building this?

Thank you so much for all your help and support :slight_smile:

Here is my site Read-Only: https://the-little-things-0edfa5.webflow.io/

Hi Victoria,

Not a Webflow expert myself, but you can insert a cms collection above and change the collection list into a grid layout.

Display Layout set to grid:
Screenshot 2021-03-24 at 11.27.40

Grid layout preview:

To get the rounded edges you can give the cms a radius (e.g. 20px) and hide the overflow.

Hi Juan,

Thank you so much for the tip! It worked. But now I have a problem with the image being too big for the grid box. Do you happen to have any ideas on what to do for this?