Demonstrating `justify-between`, `justify-around`, `justify-evenly`

Using `justify-between`

Distributes items evenly; the first item is at the start, and the last item is at the end.

Item 1
Item 2
Item 3

Using `justify-around`

Distributes items evenly with equal space around each item. Note that the space at the ends is half the size of the space between items.

Item 1
Item 2
Item 3

Using `justify-evenly`

Distributes items evenly with equal space around each item, including the ends.

Item 1
Item 2
Item 3

Note:

The examples above use `flex` (which defaults to `flex-row`). The `justify-*` classes are controlling the spacing along the main (horizontal) axis.