Design comparison
Solution retrospective
Olá, esse foi meu primeiro desafio, ainda estou bem no inicio e gostaria da opinião de vocês, queria saber como estou me saindo e no que poderia melhorar, desde já agradeço!.
Community feedback
- @correlucasPosted about 2 years ago
👾Oi Felipe Mendes, tudo bem? Parabéns pela sua nova solução!
Acabei de ver o preview da sua solução e tenho algumas dicas pra você:
Pra fazer o alinhamento vertical você vai ter que usar
min-height: 100vh
pra fazer o body ficar com o tamanho de no mínimo 100% da altura da tela e fazer com que o container alinha com essa altura, desse jeito o card vai ficar sempre alinhado ao centro usandodisplay: flex
/align-items: center
ejustify-content: center
.main { display: flex; justify-content: center; align-items: center; min-height: 100vh; }
👋 Espero que essas dicas te ajudem e que você continue no foco!
Marked as helpful0
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