Foram discutidas as outras propriedades do justify-content, mas o VS me sugere a space-evenly, qual a função dela?
Foram discutidas as outras propriedades do justify-content, mas o VS me sugere a space-evenly, qual a função dela?
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!
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!