Perfil de links sociais criado com HTML e CSS Responsivo
Design comparison
Solution retrospective
Gostei de ter concluído sem quase nenhum problema e em curto período de tempo, o que mostra minha evolução utilizando HTML e CSS. Não sei o que mudaria.
What challenges did you encounter, and how did you overcome them?Não sabia como colocar o efeito de hover no li e esse efeito funcionar na tag a dentro dele. Utilizei o método de aninhamento de tags no html, algo que eu nunca havia feito antes e funcionou.
What specific areas of your project would you like help with?Gostaria de saber no que posso melhorar seguindo sobre a semântica do meu HTML e CSS.
Community feedback
- @danielmrz-devPosted 2 months ago
Fala Kauã!
Seu projeto está excelente!
Tenho uma sugestão:
📌 Use
<main>
pro conteúdo principal ao invés de uma<div>
.Tags como
<div>
e<span>
são exemplos típicos de elementos HTML não-semânticos. Elas servem apenas como containers para o conteúdo, mas não indicam qual o tipo desse conteúdo e nem o papel que ele desempenha na página.Essa mudança de tag gera pouco ou nenhum impacto visual mas torna o seu código HTML mais semântico e melhora a otimização SEO e acessibilidade do projeto.
Espero que ajude!
Fora isso, ótimo trabalho!
Marked as helpful0@Kaua-AlmeidaPosted 2 months ago@danielmrz-dev muito obrigado pela dica, corrigirei o quanto antes.
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