Item properties (flex, align-self)

What if the links themselves should take the free space, instead of leaving it as empty gaps? The container properties from the previous lesson move items around inside the free space. The properties in this lesson are set on individual items, and they let an item grow into that space, refuse to shrink, or sit at a different place on the cross axis from its neighbors.

The examples continue the navigation bar in its state after the gap section of the previous lesson: the links have no margin, and the container has gap: 10px