1
resposta

[Dúvida] background-img

Por que quando colocamos o background-image aparece de primeira apenas as testas das pessoas da imagem e não toda a imagem?

1 resposta

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!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software