porque ambos não distribuem o espaço restante na direita e na esquerda?
porque ambos não distribuem o espaço restante na direita e na esquerda?
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.