Streaming live at 10am (PST)

Spacing probleme when showcasing my CMS Collection


#1

Hello, I discovered Webflow recently and i started building a website showcasing some artworks and posters. I want to have a page showing all the posters but cannot find a way to arrange them properly using the CMS collection I created. The best way would be to have all the posters and titles under them stack on top of each others without creating a mess.

First the problem I have : https://ibb.co/iKHBXq
There is space and I have no idea why it is like that

I tried defining a fixed height but it leaves also a lot of space with smaller posters : https://ibb.co/iD7pJV

Thanks in advance for any advice or help :slight_smile:



#2

HTML is a flow of elements. They stack one after another or one below antoher, depending on how CSS properties are set. There’s many ways to achieve what you want.

Could you please share your site’s read-only link?


#3

Sure ! It’s : https://preview.webflow.com/preview/le-home-art?utm_source=le-home-art&preview=4ef86574cf45a2660cd7e70ef4998d80


#4

hi @guillaumeC,

You shared the published link.
@vincent needs a read only link to investigate.

Here is how you can share a read only link :slight_smile:

Have a nice day


#5

You’ve fixed your issue by setting a fixed height to the item element. You can remove that and revert to Auto, and use Flexbox on the collection list, check the video.


#6

Thanks a lot for the time you took to answer my problem you really helped me. I’m gonna fix everything now thanks again ! :smile: