Give space to auto margins in the cross direction

This works the same way as it did for the main axis

There may or may not be space left. If there is, it gets evenly split among the auto margins.

Giving space to auto margins

This happens separately for each flex item:

• Take the remaining space calculated in the previous step.

• Check if the flex item has any auto margins.

• Divide up the remaining space between those auto margins.

• If there’s no space left or there are no auto margins, these margins are zero.

• The flex item will be aligned in the next step.

You might want to align the flex item with align-self instead.

The effect of using flex item auto margins in the cross axis can be more easily achieved with align-self. You might want to use that instead.