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

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

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

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

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