Olá, LUIZ!
Essa diferença que você notou, com o texto próximo da imagem e a necessidade de ajustar o padding, geralmente acontece porque a aula, neste momento, usa algumas medidas fixas no CSS (como width: 615px
para o conteúdo). Se seu monitor tiver uma solução do que foi usado na gravação, o visual pode mudar um pouco.
Mais para frente no aprendizado, são apresentadas técnicas para os layouts se ajustarem melhor a diferentes telas.
Por hora, para afastar seu texto da imagem agora, uma solução curta é adicionar um gap
no container flex que os agrupa. Se a classe for .apresentacao
, por exemplo, você pode tentar:
.apresentacao {
/* ... outros estilos ... */
gap: 30px; /* Experimente este valor ou outro que preferir */
}
Isso deve criar um espaço entre o texto e a imagem.
Espero ter ajudado! Bons estudos!
Sucesso ✨