Another flex box Q

Design help Layout & Design
1

Hello!
I’m not understanding why the flex box is not managing any alignment options. I’ve a vid of my question and the site is below. Thanks for any help!~

https://www.loom.com/share/a3bb33e7ea1f4a0fbd406d3249343266

https://preview.webflow.com/preview/practice-69891b?utm_medium=preview_link&utm_source=designer&utm_content=practice-69891b&preview=e918299a72d482fbda43d1b3774d8169&workflow=preview

2

hi @Pilate it’s because you are using wf container that have some predefined styling and it’s behaviour is unpredictable. When you use plain div element instead all will work as expected. You will find more requests about wf container here on forum but I have made short video about this issue that will hopefully make it more clear.

https://cln.sh/fkITf0

1 Like
3

Hi @Stan, you are correct, Containers are pre-styled elements based on 960 grid and has a prestyled width of 960px, so there is no room for more than one “menu-wrapper” per line in vertical layout.

Changing to Div block instead of container will result in correct alignment.

1 Like
4

Thanks very much Dave!

I hadn’t paid any attention to the little icons in the navigator

https://www.loom.com/share/130d3294a4704be6933e527e73c6e56f

5

Hi @Pilate, the Container is just a div, but a Div with pre-set default styles including the width of 960px. Using a plain Div is good if you want to have full control over the sizing on the Div element.