Streaming live at 10am (PST)

Wrapping CMS Grid items neatly and evenly

So I’m pretty new to Webflow and I can’t manage to get my head around how to wrap items that are of different size evenly in one CMS Grid.

So that the space between each image/item is nice and tight.


Here is my site Read-Only:

Well this isn’t a grid issue at all, this is an image issue. To get images of different sizes to fit, you’d need to crop them to be uniform. To do this you want to apply those images as background images to a div wrapper or right in the collection item as a background. Then set the background settings to cover-center position