Bom dia, acho que o correto seria margin-left, já que o intúito é colocar o bloco no lado esquerdo.
Bom dia, acho que o correto seria margin-left, já que o intúito é colocar o bloco no lado esquerdo.
Oii Lucius, tudo bem?
O margin-right
e o margin-left
têm efeitos opostos porque eles representam margens em lados opostos de um elemento.
margin-right
: Empurra o elemento para a esquerda ao adicionar margem à direita dele.margin-left
: Empurra o elemento para a direita ao adicionar margem à esquerda dele.Então, ao usar margin-right
, estamos adicionando espaço à direita do elemento, empurrando-o para a esquerda. Mas, ao usarmos margin-left
, estamos adicionando espaço à esquerda do elemento, empurrando-o para a direita.
No código da aula, estamos usando margin-right: auto;
para a classe .opções
, o que significa que estamos empurrando o elemento para a esquerda ao adicionar margem à direita dele. Isso cria um espaço à direita do elemento .opções
, fazendo com que ele se alinhe à esquerda do seu contêiner pai.
Se você fizer o teste, verá que se usarmos margin-left o resultado não será o pedido na atividade, ficando assim:
Portanto o gabarito está correto.
Espero ter te ajudado!
Um abraço e bons estudos.