Nav flex, why isn't is flushing right/left

Design help General
1

Hi,

I have the “nav-container” set to flex and would like the logo to be flush right within the “main-nav” and the nav links to be flush right. So the two items pushing against the sides. I have the parent “nav-container” set to the space between, which isn’t working. What am I missing?

https://preview.webflow.com/preview/hair-addict?utm_medium=preview_link&utm_source=designer&utm_content=hair-addict&preview=a68cbca13d35573a9eddd418cb5de0cd&pageId=6514a6e9e26d85d8d71d165d&workflow=preview

Thanks!
Kim

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

I MIGHT have figured this out. I placed the “nav_menu-2-divs” inside another div which I called “nav-links-container” and I made flex child "grow if possible. If there is another better way to do this please let me know, thank you!