Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Perfil de links sociais criado com HTML e CSS Responsivo

@Kaua-Almeida

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

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

Daniel 🛸 44,230

@danielmrz-dev

Posted

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 helpful

0

@Kaua-Almeida

Posted

@danielmrz-dev muito obrigado pela dica, corrigirei o quanto antes.

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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