Skip to content
Submitted 3 months ago

Perfil de links sociais criado com HTML e CSS Responsivo

Kauã_Almeida•100
@Kaua-Almeida
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social links profile
  • HTML
  • CSS
1newbie

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,310
    @danielmrz-devPosted 3 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 helpful
    0
    Kauã_Almeida•100
    @Kaua-AlmeidaPosted 3 months ago

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

    1

Please log in to post a comment

Log in with GitHub

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