Streaming live at 10am (PST)

Navbar: justify-content space-between

Hey everyone

I’m trying to have my navbar text evenly positioned within a maximum 1100px div, without any additional space on the far left or far right.

I have tried using flexbox space-between, but I can’t get it to work: https://project-e.webflow.io/

The navbar links should end up looking like this in the end, with the navbar’s full width intended to match the full width of the content: https://www.screencast.com/t/CkgH2bHn0Ej

Not your fault, that’s a long time bug: you can’t expect the Flexbox Justify rules to work well if the Flexbox element is a Webflow Container element.

But that’s ok: revert the Container from Flexbox to Block, put a div in the Container, put all the links in the div, make the div width 100%, and finally give Flexbox to the div and apply your — now working — Justify rule.

1 Like

Thanks, problem solved!

1 Like