Design comparison
Community feedback
- @correlucasPosted about 2 years ago
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 helpful0@paulaabroPosted about 2 years ago@correlucas o height é pra garantir que vai ficar no meio da página mesmo se não vai ter a altura do card
1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord