Por que ao colocar o margin-right: auto os itens foram para a esquerda e não para a direita?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Por que ao colocar o margin-right: auto os itens foram para a esquerda e não para a direita?
Olá, Rebeca! Tudo bem?
O margin-right: auto é utilizado para centralizar elementos horizontalmente dentro de um container. Quando você utiliza essa propriedade em um elemento, o navegador automaticamente calcula o espaço que sobra à direita e à esquerda do elemento e distribui igualmente entre elas. Por isso, ao utilizar o margin-right: auto, os itens foram para a esquerda e não para a direita.
Para centralizar os itens à direita, você pode utilizar o margin-left: auto. Dessa forma, o navegador irá calcular o espaço que sobra à esquerda do elemento e distribuirá igualmente entre a esquerda e a direita, fazendo com que o elemento seja centralizado à direita.
Espero ter ajudado e bons estudos!