Solucionado
Para criar um espacamento entre o titulo, texto e input (caixa de pesquisa) a professor ensinou colocar assim;
.banner__texto {
font-weight: 500;
margin: 1em o;
}
Esse é o jeito certo ou posso também fazer dessa forma:
.banner__texto {
font-weight: 500;
padding: 1em 0;
}
Ou seja em vez de por margin colocar paddin, ou nessa situacao tanto faz? pq as duas deu o mesmo resultado
Oi, David! Tudo bem?
Ambos são recursos válidos para criação de espaçamento entre os elementos no CSS, entretanto, eles se diferenciam pela forma como esse espaçamento é aplicado.
O margin é usado para criar espaçamento externo ao elemento, ou seja, o espaçamento é aplicado fora da borda do elemento. Já o padding é utilizada para criar espaçamento interno ao elemento, ou seja, o espaçamento é aplicado dentro da borda do elemento.
Nesse caso especificamente, em que devemos criar um espaçamento entre o título, o texto e o input, tanto o uso de margin quanto o uso de padding podem ser utilizados, dependendo apenas do efeito visual que desejamos alcançar.
Dessa forma, se utilizarmos o margin, o espaçamento será aplicado entre os elementos, empurrando-os para longe uns dos outros. Já se utilizarmos padding, o espaçamento será aplicado dentro dos elementos, aumentando o espaço interno entre o conteúdo e a borda.
Espero ter ajudado! Caso tenha ficado alguma dúvida, sinta-se à vontade em comunicar, estou à disposição!
Um forte abraço e bons estudos!