Por que quando colocamos o background-image aparece de primeira apenas as testas das pessoas da imagem e não toda a imagem?
Por que quando colocamos o background-image aparece de primeira apenas as testas das pessoas da imagem e não toda a imagem?
hoje, com a Alura e o Google Gemini
Olá Maicon, tudo bem?
O que ocorre é que neste momento da aula, o container se encontra com uma altura menor que a altura do background, fazendo com que a imagem não caiba por inteiro (por isso só aparece as testas das pessoas), esse problema é resolvido logo em seguida, quando a instrutora adiciona um height: 100vh para o container, fazendo com que ele tenha uma altura que ocupe 100% da altura da viewport, ou seja, da página. Dessa forma, com uma altura adequada a imagem passa a caber por completo.
Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar, abraços!