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?

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!