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

Значение space-between, заданное в свойстве justify-content, позволяет равномерно распределить элементы по родителю. При этом расстояние между ними рассчитывается автоматически. Первый элемент будет прижат к левому краю, а последний - к правому.

Давайте посмотрим на примере:

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

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