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:
.parent {
display: flex;
justify-content: space-between;
}
O resultado do código:
