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