3
respostas

[Dúvida] Texto muito próximo a imagem

finalizando o curso de HTML e CSS: cabeçalho, footer e variáveis CSS. Meu texto ficou muito próximo da imagem, o projeto ao final eles ficam afastados, e para conseguir alinhar o meu cabeçalho (header) com conteudo principal (main), eu utilei 25% de padding esquerdo, no video só foi utilizado 15%. Como faço pra afastar meu texto da imagem?

3 respostas

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

[duplicado]

Verdade!