Listing items in my collection creates a couple gaps

I have a collection of photos I am displaying in this tab view but when you view them in the All tab there is a 2 item gap between the 3rd and 4th items. I can’t for the life of me figure out why this is happening.


Here is my public share link:

https://preview.webflow.com/preview/plusen-designs-2017?preview=a086e2c967432d352b0aad2b515ae234

Make them all the same height.

@samliew, that did it! thank you! Curious if you know of a way to adjust the displayCSS so that wouldn’t happen if I had images of differing dimensions and it would just overflow crop them?

Yes, use background images with size:cover instead.

1 Like

Ok, I’ll give that a try. thanks

Hi, actually I get the same problem, but in my collection list I cannot make them the same height as they all have a different text…

58

Anybody has a solution ?

Finally I found the solution here with flex box https://webflow.com/blog/designing-dynamic-lists-with-flexbox

3 Likes

Thanks so much @tans for the link, I was stuck with the same issue and the flexbox solution saved me. :slightly_smiling_face: