Boa tarde Galera,
Alguem poderia me dar uma dica de como deixar uma imagem no background, e essa imagem além de ocupar todo o corpo preciso que ela fique responsivel, segue link do meu repositorio : https://github.com/Moliveira7/funcoes.git
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!
Boa tarde Galera,
Alguem poderia me dar uma dica de como deixar uma imagem no background, e essa imagem além de ocupar todo o corpo preciso que ela fique responsivel, segue link do meu repositorio : https://github.com/Moliveira7/funcoes.git
Olá Miqueias, tudo bem?
Para deixar uma imagem de fundo responsiva, você pode utilizar a propriedade CSS "background-size" com o valor "cover". Isso fará com que a imagem de fundo cubra todo o elemento pai, mantendo suas proporções originais.
No seu caso, você pode adicionar o seguinte código CSS para a classe "body":
body {
background-image: url('caminho/da/sua/imagem.jpg');
background-size: cover;
}Lembre-se de substituir o "caminho/da/sua/imagem.jpg" pelo caminho correto da sua imagem.
Espero ter ajudado e bons estudos!
Muito obrigado, o background ficou responsivel, mas não do jeito que eu queria, tipo se eu abrir pra telas menores, tablets e celulares, a foto de background não aparece por inteira proporcionada para essas resoluções