Alignment issues with CMS selection

Hi Webflowers,

I’m having an issue with being able to nicely align some content from my CMS collection.

You can see in this image that the talk titles and descriptions underneath do not start at the same place for each speaker.

Does anybody have experiencing in fixing these alignment issues?

Here is the read only link to my website: Webflow - ITERATION22

Thanks in advance :slight_smile: :slight_smile:

Check out this video: Equal height layouts with flexbox | Webflow University - let me know if you still have issues after, I’m happy to help.

1 Like

Thanks for replying @dg1613 :slight_smile:

Ok sooo atm, the way i’ve built it is as a CMS collection list inside of a grid. Would you suggest that the only way to be able to have equal height layouts is to redo it inside a flexbox?

If this is the case, do you have any tips on how to make sure that I only have 3 of these collection items on a horizontal line? (atm, everytime i try to do a flexbox instead of a grid, all 12 of the collection items get displayed on the same line)

Thanks in advance x

Hi Andy on the collection list you can limit the number of items shown.

So you can limit it to 3 if you wish.

1 Like

You can just do flex box horizontal where each element is 33% width - I think it may work with grid too but you might need to put a div in the collection item and make it flex. If I were you I’d just follow the video because it’s exactly what you’re looking for.

1 Like

Yep, the video was really helpful and exactly what I’m looking for.

Thank you, I’m nearly there (i think). Off the top of your head, which of these should be set as the flexbox…