quando eu troco
por
css
.banner__imagem{ background-image: url('../../img/banner.jpg'); height:calc(100vh-72px) ; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
Não aparece nada, a div não está sendo criada. o espaço branco que aparece no vídeo quando troca as tags img pela div não aparece para mim.
hoje, com a Alura e o Google Gemini
Boa tarde Rodrigo, beleza? =) Isso esta acontecendo porque para que a imagem apareça no background ela precisa de um tamanho e quando voce ta fazendo height:calc(100vh-72px) por ele estar tudo junto dentro do parenteses ele não esta conseguindo fazer a conta, altere para isso que vai funcionar:
.banner__imagem{ background-image: url('../../img/banner.jpg'); height:calc(100vh - 72px) ; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
Espero ter ajudado =D