Design comparison
Solution retrospective
Hello!
So, here's my first challenge completed.
I know this was a simple task, but I will be more than happy to take some tips and advice.
Community feedback
- @danielmrz-devPosted 10 months ago
Fala Lucas!
Seu projeto ficou ótimo!
Tenho duas sugestões pra você melhorá-lo ainda mais:
-
Primeira: Use
main
pra envolver o conteúdo principal ao invés desection
. A tagsection
faria mais sentido se o card fosse parte de um site maior (e seria no mundo real), mas considerando que nesse projeto ele é o único elemento na tela, a tagmain
é mais apropriada. -
Segunda: Use os HTML headings (h1 ao h6) pra títulos ao invés da tag
p
. Como aquele ali é o título principal do card, a tagh1
seria a mais indicada.
Existe toda uma hierarquia entre os títulos (h1 ao h6). O
h1
é o título mais importante.h6
é o menos importante.Todas essas mudança de tag geram pouca ou nenhuma alteração visual, mas melhoram muito a otimização SEO e a acessibilidade do seu projeto.
Espero que ajude!
Fora esses detalhes, você fez um ótimo trabalho!
Marked as helpful0@LucasW92Posted 10 months agoOlá Daniel.
Muito obrigado pelo feedback! Já realizei as alterações tentarei prestar mais atenção ao html semântico nos próximos projetos.
1@danielmrz-devPosted 10 months ago@LucasW92
De nada! Fico feliz que pude ajudar! Precisando de ajuda, é só chamar! 😊
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