Streaming live at 10am (PST)

Can't get Flexbox to work correctly?


#1

Hi, can anybody send some light on where I’m going wrong as I can’t seem to get the flex box items to even vertically on the Case Studies section (Scrool down on the home page to view)

Here’s a link to the build:

https://preview.webflow.com/preview/steven-hale-watch-restoration-2?preview=ce4657ca1280b511b3e22418e741c8d1

cheers


#2

Hi @1960creative When using flexbox with a Collection list, I would suggest using this method:

hope this helps :slight_smile:


#3

Remove the Flex attribute from the Collection list wrapper

Put the flex attribute to the collection list instead (one level down).


#4

Thanks Vincent. I new it would be something simple - it was doing my head-in!


#5

Hi again Vincent, I tried that and it doesn’t flow now? So frustrating!

Hope you’re well?

David


#6

Hi @1960creative

There’s a top margin set to auto on the Collection items. If you remove that, the items should stretch vertically.
I also assume you want the elements in the Collection items to stack vertically. Here’s how you can fix that layout:

CloudApp

​Hope this is helpful.


#7

Thanks Anna, that’s a great help.


#8

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.