Flexbox: margin: auto

margin: auto on a flex item absorbs all available free space in that direction.

Last item pushed to the right (margin-left: auto)

Logo

Nav 1

Nav 2

Login

First item pushed to the right (margin-right: auto)

Home

Profile

Logout

Item centered with margin: auto

Left

Centrado

Right

In column: margin-top: auto pushes to the bottom

Top

Middle

Bottom

Separate groups with margin-left: auto

A

B

X

Y