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; ?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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.