Solucionado
Não entendi porque colocar "heigth: 100%" em html, body e header, faz a imagem aparecer. Poderiam me explicar? Ao meu ver, os três já estariam em 100% por default, e mesmo se não estivesse, não entendi porque a imagem aparece com o tamanho certinho da pagina.
html, body{
height: 100%;
}
header {
background-image: url(../img/castelo.jpg);
height: 100%;
}
Quando coloquei height: 100vh no header, o problema resolveu sem precisar colocar algo no html ou body. Desta forma não seria melhor? A pergunta anterior ainda se mantém, porque ainda não sei porque o outro deu certo..kkk.
Oi, Vinicius, tudo bem?
É preciso dar altura para que o elemento consiga "entrar" dentro do header, o fato de ter sido 100% é porque a imagem é bem grande, e o instrutor quis que no layout ela pegasse a altura completa da imagem. O header vem com a propriedade por padrão como display: block.