Design comparison
SolutionDesign
Solution retrospective
Any suggestion
Community feedback
- @danielmrz-devPosted 11 months ago
Olá, @Sagnunes!
Saudações do Brasil 🖐🏼
Seu projeto ficou excelente!
Tenho apenas uma sugestão:
- Notei que você utilizou Tailwind nesse projeto e na hora de centralizar o card, você fez o uso de
margins
. Vi que você adicionoumd:my-12
para afastar o card do topo da página.
Usar
margin
geralmente não é a melhor forma de posicionar um elemento no centro da página. Existe uma forma mais simples e eficiente:- Se for usar tailwind, adicione isso ao body:
h-screen flex justify-center items-center
- Se usar CSS puro, adicione isso ao body:
body { height: 100vh; display: flex; justify-content: center; align-items: center; }
Espero que ajude!
Fora isso, seu projeto ficou ótimo!
Marked as helpful0@SagnunesPosted 11 months ago@danielmrz-dev
Muito obrigado pelo o feedback , fiz a alteração que sugeriu e ficou bem melhor!
Novamente obrigado! :D
0 - Notei que você utilizou Tailwind nesse projeto e na hora de centralizar o card, você fez o uso de
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