CMS Collection display issue

Design help CMS
1

I’ve noticed an issue with the CMS collection display. There is spacing below images that are disrupting the layout. I’m not certain where this spacing is coming from. It only shows a few images, instead of all of the images. Please provide any insight you may have. I have seen this issue on another page that was created that has a similar design that uses CMS collections.

Here is my public share link: *Webflow - Lozano Masonry

2

I usually recommend that the use of columns (floats) be avoided for more modern approaches like grid or flexbox.

1 Like
3

hey caleb! you will need to add a div inside of collection item ad set it to relative and set the lightbox element to absolute full and then give the div a specific min height. this should work

4

Here’s a walkthrough of how to switch it to a CSS grid, and make it responsive.