Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Gabarito errado

Bom dia, acho que o correto seria margin-left, já que o intúito é colocar o bloco no lado esquerdo.

1 resposta
solução!

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:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Portanto o gabarito está correto.

Espero ter te ajudado!

Um abraço e bons estudos.