Design comparison
Solution retrospective
Terminei.. Muito legal mexer com as cores, com as transparências. Duvidas são muitas .. Quem puder me ajudar a melhorar, espero os comentários..
Community feedback
- @danielmrz-devPosted 11 months ago
Fala @Paulo-Borges!
Seu projeto ficou ótimo!
Tenho algumas sugestões para melhora:
- Ao invés de usar
margin
pra tentar mover o card pro centro da página, você pode adicionar isso aqui ao body:
body { min-height: 100vh; display: flex; justify-content: center; align-items: center; }
-
Adiciona também um
hover effect
no botão assim comocursor: pointer
. Isso dará ao usuário uma indicação visual de que é um elemento clicável. -
E por último, tenta utilizar mais as tags semânticas. Por exemplo, você poderia substituir sua
div.container
pormain.container
e por aí vai. Usar as tags semânticas melhoram a otimização SEO do seu projeto, assim como a acessibilidade.
Espero que ajude!
Fora esses detalhes, seu projeto ficou excelente!
Marked as helpful0 - Ao invés de usar
- @Paulo-BorgesPosted 11 months ago
Obrigado, @danielmrz-dev! Vou fazer essas mudanças..
1
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