Getting rid of whitespace in collection item wrapping

Design help General
1

Hello,

My dynamic collection items all justify to the top in a new row and there seems to be a lot of whitespace between them (larger than than the collection item borders) that I can’t get rid of. As my image heights vary, setting a set pixel height on the item or div will not work so wondering if there is any way to get them to stack without leaving whitespace between the items.

Many thanks if anyone can help.

Michael

Here is my site Read-Only: https://preview.webflow.com/preview/piotr-chamier-casting?preview=8d94c2be9818eaa479fdf4e3ba336ce9

2

Here? The inner item div has margin:10px.

http://vincent.polenordstudio.fr/snap/6o8xo.jpg

Edit: ok ok, you maybe want to make a masonry grid? See image below

http://vincent.polenordstudio.fr/snap/sf860.jpg

3

exactly, masonry grid stacking