Por que ao colocar o margin-right: auto os itens foram para a esquerda e não para a direita?
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!