Flexbox: Aligning elements at edges flush with margin

[Laura_Peres]

I have a flex container with three items: nav links (left), logo (center), and email (right). I’m using justify-content: space-between but the nav links and email won’t go to the true edges of the container - they seem to get pulled toward the center logo.

How do I force the left and right items to the actual container edges regardless of the logo size?

Thank you!

---

Here is my site Read-Only: LINK

[Nisium]

Hi @Laura_Peres

If you put Auto margins it does the trick. (see images)