social links profile challenge resolution

Community feedback

• 

  Bernardo Poggioni•5,360

  @R3ygoskiPosted 7 months ago

  Olá Romulo, primeiramente, parabéns pela conclusão do seu projeto, ele ficou muito bom, e quase próximo do design proposto.

  Sobre implementação de funcionalidades, ao que você se refere? Eu vou supor que seja relacionado a navegação de páginas. Para isso você pode usar uma outra tag, a tag <a>, ela é uma tag que serve para criar links entre página, então basta você fazer algo assim: <a href="https://www.google.com/" target="_blank">Google</a>, dessa forma você cria um link para ir para o google, você para a URL do site para o href, e o target="_blank" serve para abrir uma nova aba no seu navegador.

  E gostaria de te dar algumas dicas relacionadas a semântica do seu HTML, essa parte semântica é extremamente importante, devido a ajudar na acessibilidade das páginas, alguns trechos que você poderia deixar mais semântico:

  • <div class="card"> essa div poderia ser trocada por <main>, isso porque ela é o conteúdo principal da sua página.
  • <div class="card-container"> essa div poderia ser trocada por <article>, isso porque ela é autoexplicativa e independente do resto do site.
  • <div class="linhas"> essa div poderia ser trocada por uma <ul> e na parte interna colocar <li>, porque essa div está juntando items que são semelhantes entre si, que compartilham funções entre si, então o mais correto seria colocar como lista.

  E novamente parabéns pelo seu projeto e por ter conseguido concluir ele em menos tempo do que foi com o primeiro, isso demonstra que você está evoluindo, parabéns e continue assim. Se ficar alguma duvida, por favor, pergunte abaixo que tentarei ajudar da melhor maneira possível.

  Marked as helpful

  0

  ---

  

  Romulo Lobato Bezerra•40

  @RomuloLB28Posted 7 months ago

  @R3ygoski bom dia. Sim, a implementação que eu me referia era a respeito de navegação de páginas. Sobre o html semântico eu admito que não tenho muito conhecimento, então essas dicas foram de extrema ajuda, irei me basear muito isso nos próximos projetos. Muito obrigado pelas dicas, vou seguir-las e implementar nos meus projetos projetos.

  1