Значение space-around в свойстве justify-content задает первому и последнему флекс элементам отступ от края родителя.
С первого взгляда может показаться, что расстояние между элементами и между крайними элементами и родителем будут равны, однако, это не так - расстояние между элементами будет в 2 раза больше, чем между родителем и крайним элементом.
Посмотрим на примере:
.parent {
display: flex;
justify-content: space-around;
}
Результат выполнения кода: