Design comparison
SolutionDesign
Community feedback
- @danielmrz-devPosted 11 months ago
Olá @Vana-dot!
Seu projeto ficou ótimo!
Tenho 2 sugestões pra você melhorá-lo ainda mais:
-
Como aquele
h2
é o título principal da página, você pode substituir porh1
. Isso ajuda também a melhorar a otimização SEO do seu projeto, assim como acessibilidade. -
Notei que você utilizou
margin
pra mover o card pro meio da página. Existem duas bem eficientes e bastante utilizadas para centralizar elementos:
Você pode adicionar isso ao body:
body { height: 100vh; display: flex; justify-content: center; align-items: center; }
Ou você adicionar isso ao elemento que você quer centralizar:
elemento { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
Espero que ajude!
Fora esses detalhes, você fez um ótimo trabalho!
0 -
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