Streaming live at 10am (PST)

Help to align flex items


#1

Hi All

Attach A screenshot that shows the divs aren’t aligning vertically, I want The pair of top boxes will be just above the pair of boxes below. Any idea?

TIA


#2

It’s the container children settings. eg expand if needed or the basis / width.


#3

Hi @shokoaviv

Welcome the Webflow community! :slightly_smiling_face:

If you can share your read only link, it’s so much easier to help as we can use your project to demonstrate with screenshots and/or video.


#4

This is the link

https://preview.webflow.com/preview/musanumb?preview=6f5ec0d07509d38549cbd17a8e392eef

TIA


#5

Get rid of that container as they have too much pre-configuration for flex (I think). Use divs for flex parents. Once I did that your existing children worked fine.


#6

You right. Div is your best flex friend… :grinning::+1:


#7

Sorry, I started a video to demonstrate but got called away. Did you sort this @shokoaviv?

Exactly that @HammerOz, wrapping in a plain div does the trick.