o professor na aula na hora de deixar a imagem do banner responsiva ele pois:
.banner__imagem {
height: calc(100vh - 51px);
}e no projeto desktop era 72px
minha pergunta é, como saber essa medida? como ele descobriu esses ''51'' pixels?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
o professor na aula na hora de deixar a imagem do banner responsiva ele pois:
.banner__imagem {
height: calc(100vh - 51px);
}e no projeto desktop era 72px
minha pergunta é, como saber essa medida? como ele descobriu esses ''51'' pixels?
Boa Tarde Douglas,
Quando um projeto é criado normalmente existe uma pessoa ou equipe de designer para criar todo o layout, esse layout pode ser criado de várias formas, mas é bem comum ser utilizado o figma para essa criação. E as características que a imagem vai ter no layout sendo ele mobile, tablet ou desktop é o designer que determina. O desenvolvedor só pega as informações que estão lá. Com certeza as vezes o desenvolvedor terá que testar se aquele tamanho está correto e vai adaptando da melhor forma.