1
resposta

tem algum código incorreto?

minha imagem do background não aparece e os cômodos estão idêntico :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: not-repeat; background-size: contain; }

.container { height: 100vh; }

Com o Combo+, você pode aproveitar a Alura+ e o Alura Língua por um preço único.

O combo+ é junção do alura e o alura lingua
1 resposta

Oie! Tudo bem?

Percebi aqui que seu background está com a propriedade url

.principal {
background-image: url("img/Background.png");
background-repeat: not-repeat; 
background-size: contain; }

Nesse caso, é importante saber que o url é uma propriedade pra você buscar, nesse caso, a sua foto, através de um link

Nem sempre a forma como o professor escreveu ali é a correta pro aluno, porque as vezes você não salvou em uma sequência de pastas iguais a do seu professor.

então, dentro de url, digita assim: ../ quando vc digitar isso, o próprio editor já vai sugerir a pasta anterior a que o projeto está salvo, e assim você escolher a sua imagem de background com maior assertividade

olha no exemplo abaixo

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

então, toda vez que voce digita: ../ o editor vai acessar a pasta anterior, e aí, depois disso, é só selecionar o caminho até achar sua imagem

será que não foi esse o problema? porque seu código está digitado certinho :)