Design comparison
Solution retrospective
Primeira aplicação feita, totalmente, sozinha usando display flex.
Community feedback
- @danielmrz-devPosted 11 months ago
Olá, Camila!
Seu projeto ficou excelente!
Tenho algumas sugestões, caso você queira melhorá-lo ainda mais:
-
Pra melhorar a otimização SEO e a acessibilidade do seu projeto, tenta utilizar mais as tags semânticas ao invés de
div
. Por exemplo, suadiv.container
poderia sermain.container
. Isso não muda nada visualmente, mas torna o seu código HTML mais semântico. -
Vi que você utilizou
margin-top: 10%;
pra afastar o card do topo da página. Existem duas formas muito eficientes pra centralizar objetos sem o uso demargin
oupaddings
:
Você pode aplicar isso ao body:
body { height: 100vh; display: flex; justify-content: center; align-items: center; }
Ou pode aplicar isso ao elemento que você quer centralizar:
.element { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
Espero que essas sugestões sejam úteis pra você!
Fora esses pequenos detalhes, seu projeto ficou show!
Marked as helpful1@CamilaMaximoPosted 11 months agoMuito obrigadaaa!
Irei utilizar na próxima. GRATIDÃO DANIEL! @danielmrz-dev1 -
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