Podemos usar os seguintes valores para a propriedade justify-content:
- center: alinha os itens no centro do contêiner;
- flex-start: valor padrão alinha os itens no início do contêiner;
- flex-end: valor padrão alinha os itens no final do contêiner.
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta
resposta
Outros valores para a propriedade justify-content
solução!
Sim, Leidiane.
Lembrando que o justify-content é usado no contexto de flexbox. Às características que você mostrou acima, eu adicionaria os:
- space-between: os ítens são distribuídos de forma igual ao longo da linha; o primeiro ítem junto à borda inicial da linha, o último junto à borda final da linha.
- space-around: os ítens são distribuídos na linha com o mesmo espaçamento entre eles. Note que, visualmente, o espaço pode não ser igual, uma vez que todos os ítens tem a mesma quantidade de espaço dos dois lados: o primeiro item vai ter somente uma unidade de espaço junto à borda do container, mas duas unidades de espaço entre ele e o próximo ítem, pois o próximo ítem também tem seu próprio espaçamento que está sendo aplicado.
- space-evenly: os ítens são distribuídos de forma que o espaçamento entre quaisquer dois itens da linha (incluindo entre os ítens e as bordas) seja igual.
Bons estudos!