Чем отличаются режимы выравнивания justify-content: space-around и space-between?

Режимы выравнивания justify-content: space-around и space-between отличаются следующим образом:

1. space-between. developer.mozilla.org skillbox.ru Элементы равномерно распределены вдоль главной оси контейнера, при этом первый элемент располагается в начале, а последний — в конце. htmlacademy.ru Между крайними элементами и флекс-контейнером отступа нет. htmlacademy.ru
2. space-around. developer.mozilla.org skillbox.ru Элементы равномерно распределены вдоль оси, расстояние между крайними элементами и флекс-контейнером равно половине отступа между соседними флекс-элементами. htmlacademy.ru

Таким образом, space-between отжимает первый и последний элемент к краям, а оставшееся место делит, а space-around равномерно распределяет элементы по ширине таким образом, чтобы расстояние до краёв блока равнялось половине расстояния между элементами. bureau.ru