Solucionado
A primeira modificação sugerida foi a adição de um espaço ao redor das recomendações ao João da Silva, 20px e 40px. Na opinião do instrutor foi usado o margin, No meu css usei o padding. Gostaria de saber se tem algum critério na utilização dos dois, visto que nesse exemplo o resultado final obtido foi o mesmo?
Mario, boa tarde!
Ótima pergunta, o efeito é diferente, pois quando você usa o margin está dizendo que precisa de um espaço ao redor do elemento para manter outros elementos distantes.
Já ao usar o padding você está dizendo que os elementos dentro precisam ficar a um certo espaço da borda.
O resultado é diferente, o tamanho da caixa de recomendação muda, assim como o layout, sinta-se livre para treinar as diversas maneiras para se obter esse resultado. Porém, mais adiante no projeto você poderá encontrar uma certa diferença visual entre seu site e o site da aula.
Bons estudos!
Fala Mário!
É exatamente isso que nosso amigo Felipe explicou.
Para ficar mais claro, você pode sempre dar uma olhada no box model do CSS
veja nesse link ou basta procurar por box model CSS no google!
Espero ter ajudado!
Abraços e bons estudos
Olá Felipe, obrigado pela resposta. Realmente as diferenças são grandes. É que como o enunciado pediu um espaço ao redor das recomendações deduzi que o espaço fosse interno, e não externo.
Obrigado Paulo, ajudou sim.
