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.
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 https://webflow.com/blog/designing-dynamic-lists-with-flexbox
Thanks so much @tans for the link, I was stuck with the same issue and the flexbox solution saved me. 
