Режимы выравнивания justify-content: space-around и space-between отличаются следующим образом:
- space-between. 24 Элементы равномерно распределены вдоль главной оси контейнера, при этом первый элемент располагается в начале, а последний — в конце. 3 Между крайними элементами и флекс-контейнером отступа нет. 3
- space-around. 24 Элементы равномерно распределены вдоль оси, расстояние между крайними элементами и флекс-контейнером равно половине отступа между соседними флекс-элементами. 3
Таким образом, space-between отжимает первый и последний элемент к краям, а оставшееся место делит, а space-around равномерно распределяет элементы по ширине таким образом, чтобы расстояние до краёв блока равнялось половине расстояния между элементами. 1