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