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


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?


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

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!