@correlucas
Posted
Oi de novo Paula! Tudo bem?
Parabéns pela solução, aqui umas dicas pra vc :
Pra esse bloco seria melhor usar o tamanho real do container ao contrário ele vai várias toda vez que a tela muda já que ele está relacionando ao tamanho do viewport e vai te dar pouco controle, seria melhor usar px ou rem, o tamanho do container é max-width: 1110px
e note que vc não precisa definir altura pra container flex pq ele cresce de acordo com o tamanho dos conteúdos.
main {
width: 100vw;
height: 100vh;
background-color: #0a0c1c;
display: flex;
justify-content: center;
align-items: center;
}
Amanhã eu vou rever o seu código da outra lading page lá, pq estou só com o celular aí consigo ver mas não mudá-lo, aí te dou feedback sobre o erro da imagem q vc falou 😊
Espero ter ajudado e continue no foco!
Marked as helpful
@paulaabro
Posted
@correlucas o height é pra garantir que vai ficar no meio da página mesmo se não vai ter a altura do card