Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Outros valores para a propriedade justify-content

Referente ao curso Flexbox: posicione elementos na tela, no capítulo Fazendo o footer e controlando melhor os elementos e atividade Formas de espaçar os elementos

por leidiane lopes dos santos
| 48.5k xp | 9 posts
Gerente de Consolidação

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.
1 resposta
solução!
por Daniela Michely da Silva
| 311.3k xp | 196 posts

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!