@danielmrz-dev
Posted
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 helpful