Solucionado
No exercício "Adicione um espaço ao redor das recomendações ao João da Silva: 20 pixels acima e abaixo e 40 pixels à esquerda e à direita." O autor deu o exemplo abaixo, mas como essa sequencia "margin: 20px 40px;", representa todas as direções?
Autor blockquote { margin: 20px 40px; }
eu fiz assim:
blockquote { margin-top: 20px; margin-bottom: 20px; margin-right: 40px; margin-left: 40px; }
hoje, com a Alura e o Google Gemini
Margin é um shorthand ("atalho") para as propriedades de margin-left/right/top/bottom, ou seja, o primeiro valor pega o top e bottom e o segundo o left e o right. Isso:
margin: 20px 40px;é a mesma coisa que escrever:
margin-top: 20px;
margin-bottom: 20px;
margin-left: 40px;
margin-right: 40px;enquanto se você escrever:
margin: 10px;irá aplicar em todas as 4 direções. Espero ter ajudado.
Ajudou, obrigado.