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:

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…


Anybody has a solution ?

Finally I found the solution here with flex box


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