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