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

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

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

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

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

uz ru