Por que seria "auto", eu não entendi.
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!
Por que seria "auto", eu não entendi.
Olá, Eric,
Quando você define a propriedade margin-right: auto em um elemento, o navegador calcula automaticamente o valor da margem direita de forma que essa margem ocupe totalmente o espaço horizontal que não está sendo utilizado por outros elementos.
Segue um exemplo: https://codepen.io/Ameto/pen/pvJRqNo
No exemplo acima, existe um quadrado vermelho de 100x100 pixels dentro de um quadrado azul de 500x500 pixels, centralizado utilizando display: flex. Clicando no botão, ele adiciona ou retira a propriedade margin-right: auto.
Utilizando a função "Inspecionar elemento" do navegador, inicialmente ele está assim:
Após adicionar a margem, a margem ocupa todo o espaço vazio, e o elemento fica assim:
