Skip to content
Submitted about 1 month ago

Social links profile solution using HTML & CSS

Marvelous Chiwanza•80
@Chiwanza16
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

Community feedback

  • Erika Miyuki Sugawara•50
    @ErikaestudarPosted 26 days ago

    Excelente trabalho, muito boa habilidade com o flexbox, amei seu Portifólio, excelentes trabalhos. Tenho uma pequena sugestão que pode fazer seu trabalho se destacar ainda mais...

    • Usar uma <main>tag dentro <body>do seu HTML é uma prática recomendada porque ela identifica claramente o conteúdo principal da sua página. Isso ajuda na acessibilidade e melhora a forma como os mecanismos de busca entendem seu conteúdo.
    • Recomendo diminuir o uso excessivo de <div>e usar mais as tags semânticas em HTML (como <figure>, <section> , <article> e etc.), para melhorar a legibilidade, acessibilidade e SEO. Mantenha o HTML limpo e mínimo para garantir a manutenibilidade, escalabilidade e melhor estrutura CSS.
    0
  • Lpluiz123•40
    @Lpluiz123Posted about 1 month ago

    Does the solution include semantic HTML? Sim, utilizei a TAG main para centralizar todo o conteudo

    Is it accessible, and what improvements could be made? SIm, Utilizei media query para acessibilidade em outros dispositivos.

    Does the layout look good on a range of screen sizes? Sim

    Is the code well-structured, readable, and reusable? Sim

    Does the solution differ considerably from the design? Procurei mantei o mais proximo possivel.

    0

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