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!
Eu revisei e não traz no resultado as imagens dos instrutores.
:root{
--branco-principal:#FFFFFF;
--cinza-secundario: #C0C0C0;
--botao-azul: #167BF7;
--cor-de-fundo: #00030C;
}
body{
background-color: var(--cor-de-fundo);
color: var(--branco-principal);
}
* {
margin: 0;
padding: 0;
}
.principal {
background-image: url(“img/Background.png”);
background-repeat: no-repeat;
background-size: contain;
}
.container {
height: 100vh;
}
Oi, Maurilio. Tudo bem com você?
Vendo o código que você compartilhou, encontrei um ponto que vale conferir na declaração do background-image. O caminho utilizado está como url(“img/Background.png”) e, dependendo da estrutura das pastas do projeto, o navegador pode não encontrar a imagem nesse endereço. Uma tentativa é adicionar ./ antes de img, ficando url("./img/Background.png"). Também vale conferir se o nome do arquivo e das pastas está exatamente igual ao que foi escrito no código, incluindo letras maiúsculas e minúsculas.
Como você comentou que as imagens dos instrutores não aparecem, se essa alteração não resolver, compartilhe um print do VS Code mostrando o código e o Explorer do VS Code com as pastas expandidas. Assim conseguimos conferir visualmente onde estão os arquivos das imagens e comparar essa estrutura com o caminho utilizado no CSS. Esse detalhe é importante porque um caminho relativo depende da localização do arquivo CSS ou HTML que está fazendo a referência.
O fórum está à disposição para analisarmos a estrutura do projeto com você.
Para saber mais:
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!