Streaming live at 10am (PST)

Listing items in my collection creates a couple gaps


#1

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


#2

Make them all the same height.


#3

@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?


#4

Yes, use background images with size:cover instead.


#5

Ok, I’ll give that a try. thanks


#6

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 ?


#7

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