Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Qual a diferença entre justify-content: center e justify-content: space-around?

porque ambos não distribuem o espaço restante na direita e na esquerda?

1 resposta
solução!

Oi, Virginia, tudo bem?

justify-content: alinha os itens flex no container de acordo com a direção. A propriedade só funciona se os itens atuais não ocuparem todo o container

justify-content: center;  -> Alinha os itens ao centro do container.
justify-content: space-around; ->  Cria um espaçamento entre os elementos. Os espaçamentos do meio são duas vezes maiores que o inicial e final.

Talvez o space-between seja melhor, já que você quer um espaçamento mais dividido entre os elementos.

justify-content: space-between; -> Cria um espaçamento igual entre os elementos. Mantendo o primeiro grudado no início e o último no final.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software