Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Propriedade space-evenly

Foram discutidas as outras propriedades do justify-content, mas o VS me sugere a space-evenly, qual a função dela?

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
3 respostas

Rodrigo, boa tarde!

no space-evenly os itens são distribuídos para que o espaçamento entre dois itens (e o espaço nas bordas) seja igual.

Já no space-around os itens são distribuídos igualmente na linha com espaço igual ao seu redor. Observe que visualmente os espaços não são iguais, pois todos os itens têm espaço igual nos dois lados. O primeiro item terá uma unidade de espaço contra a borda do contêiner, mas duas unidades de espaço entre o próximo item, porque esse próximo item possui seu próprio espaçamento que se aplica

Espero ter ajudado e bons estudos!

solução!

Então com o space-around ficaria:

<espaço>item<espaço><espaço>item<espaço>

e com o evenly:

<espaço>item<espaço>item<espaço>

Certo?

Exatamente!

Abaixo eu deixei um link pra você testar!

https://codepen.io/DevCapu/pen/QWLVPJp

Espero ter ajudado e bons estudos!