Boa noite, em aula foi utilizado na classe um padding de 2em.
.container__descricao{
padding: 2em;
}Não entendi como ele aumentou o espaço entre os dois blocos.
Outra dúvida é: Não poderiamos utilizar um margin: 0 2em 0 0; ?
Solucionado
Boa noite, em aula foi utilizado na classe um padding de 2em.
.container__descricao{
padding: 2em;
}Não entendi como ele aumentou o espaço entre os dois blocos.
Outra dúvida é: Não poderiamos utilizar um margin: 0 2em 0 0; ?
Oi, Juliano, tudo bem?
O "padding" é uma propriedade que adiciona espaço interno ao elemento, ou seja, aumenta o espaço entre o conteúdo e a borda do elemento. Dessa forma, ao utilizar o padding de 2em na classe container__descricao, o espaço interno do elemento aumentou em 2em, criando o espaçamento entre o texto e a imagem.
O "margin" é uma propriedade que adiciona espaço externo ao elemento, ou seja, aumenta o espaço entre um elemento e os demais que estão ao redor. Ele também é uma opção que podemos utilizar para criar esse espaçamento entre o texto e a imagem, pois ao utilizar o margin: 0 2em 0 0 na classe container__descricao, o espaço à direita entre o testo e à imagem, seria aumentado em 2em.
Espero ter ajudado. Caso tenha dúvidas, estarei à disposição. Abraços e bons estudos!
Obrigado Rodrigo.