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