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

Поведение значения space-around чаще всего не то, которое вам хотелось бы. Чаще всего нам нужно сделать так, чтобы все указанные промежутки были равны.

Для этого придумано значение space-evenly, которое и сделает то, что нам нужно:

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

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