Flexbox Question – Adds padding?

Hello! Just a quick question

I’m having an issue with Flexbox. I want to range one element in a container to the left edge of the container and another to the right edge but I can only get this close:

You can here there’s about 5px “padding” (that’s what I’m calling it) on the logo, settings below:


Here is my site Read-Only: Webflow - UX Prototype
(how to share your site Read-Only link)

Flexbox is for Divs. Problem solved?

Hey @PearceIsCool ,
I usually try to avoid using native containers, I usually make one per my specification using a div block, and I also do that for the navigation. Simply drag a div block into navigation and swap original containers content into it. After that flex will work as expected, also might be worth adding a div block into the " Nav Menu" so you can apply flex a bit easier for elements on the inside, cheers!