Выравнивание флекс элементов по родителю с равными отступами в CSS
Поведение значения space-around чаще всего
не то, которое вам хотелось бы. Чаще всего
нам нужно сделать так, чтобы все указанные
промежутки были равны.
Для этого придумано значение space-evenly,
которое и сделает то, что нам нужно:
.parent {
display: flex;
justify-content: space-evenly;
}
Результат выполнения кода: