Design comparison
Solution retrospective
Ainda estou aprendendo! não sei se realmente esta certo! fiz algumas alterações personalizadas, mais acho que estou indo bem pra primeiro desafio!
Community feedback
- @flaviare1sPosted 9 months ago
Oi Leonardo, seu projeto ficou ótimo. Eu também ainda estou aprendendo. 😊 Uma dica, essas medidas que ele coloca como sendo a responsividade, não necessariamente são a largura mínima e máxima do projeto. E você observar bem, o componente tem uma largura que não ocupa a tela inteira na versão desktop. Tenta tirar essas medidas de max e min width e fazer a responsividade utilizando media query e valores relativos.
Marked as helpful1 - @danielmrz-devPosted 9 months ago
Fala @YusukeUramesh!
Seu projeto ficou ótimo!
Notei que você utilizou
margin: auto
pra centralizar o card. Usarmargin: auto
só centraliza um elemento horizontalmente e, de forma geral, usar margens não é a melhor opção pra centralizar elementos.📌 Existe uma forma melhor e mais eficiente de posicionar elementos no meio da página (tanto na horizontal quanto na vertical):
- Aplique isso ao body (Pra funcionar corretamente, não use position ou margins):
body { min-height: 100vh; display: flex; /* também funciona com grid */ justify-content: center; align-items: center; }
Espero que ajude!
Fora isso, você fez um excelente trabalho!
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