Design comparison
Solution retrospective
The most difficult was the background pattern.
Community feedback
- @correlucasPosted about 2 years ago
👾Fala Mariano, tudo bem? Parabéns pelo seu primeiro desafio e seja bem vinda a comunidade do Frontend Mentor!
Sua solução ficou mto boa Mariano, a unica coisa que eu mudaria é quantidade de divs que vc usou, nem todo bloco precisa de div ai, se vc reduzir essas divs vc vai notar que seu código vai reduzir pelo menos 25%. Queria te deixar umas dicas pra você alinhar ele usando
flexbox
que é o método mais fácil de todos.A primeira coisa que você tem que fazer é adicionar algumas propriedades pro body, primeiro adicionamosdisplay: flex
eflex-direction: column
pra alinhar tudo na vertical. Depois adicionemin-height: 100vh
(isso vai fazer com que o body tenha 100% da tela como tamanho) e com isso o elemento filho (no caso o container) vai se alinhar ao tamanho dele, no caso 100% da tela, dessa forma ele ficará centralizado, entendeu?👋 Espero ter ajudado e 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