Выравнивание флекс элементов по родителю с отступами

Значение space-around в свойстве justify-content задает первому и последнему флекс элементам отступ от края родителя.

С первого взгляда может показаться, что расстояние между элементами и между крайними элементами и родителем будут равны, однако, это не так - расстояние между элементами будет в 2 раза больше, чем между родителем и крайним элементом.

Посмотрим на примере:

.parent {
	display: flex;
	justify-content: space-around;
}

Результат выполнения кода: