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

[luudybug (Victoria Luu)]

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

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

[W7SS (Juan Gonzalez)]

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:

Grid layout preview:

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

[luudybug (Victoria Luu)]

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?