Alinhamento de elementos flex no elemento pai em CSS

O valor space-between, definido na propriedade justify-content, permite distribuir os elementos uniformemente no elemento pai. A distância entre eles é calculada automaticamente. O primeiro elemento ficará encostado na borda esquerda e o último - na borda direita.

Vejamos um exemplo:

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

O resultado do código: