Skip to content
Submitted 6 months ago

Social Links Profile with Responsive Design

Webert Rodrigues Caldeira da silva•30
@webertrodrigues
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?

I'm particularly proud to have used a responsive approach with CSS Grid to create an effective landing page. For the next project, I would explore more design tools to enhance the aesthetics of the site.

What challenges did you encounter, and how did you overcome them?

I encountered challenges when implementing smooth animations and transitions. I got over this through a lot of practice and consult the relevant documentation to better understand CSS properties.

What specific areas of your project would you like help with?

I would like to receive feedback on site load optimization and best practices.

Community feedback

  • Daniel 🛸•44,250
    @danielmrz-devPosted 6 months ago

    Fala @webertrodrigues!

    Parabéns por completar o desafio! ✅

    Sua solução está ótima!

    📌 É recomendado usar elementos HTML semânticos como <ul> e <li> para criar listas. Isso garante que seu código seja mais acessível, mais fácil de manter e semanticamente significativo.

    Aqui está um exemplo de como você pode refatorar seu código:

    Após a Refatoração

    <ul class="list-container">
    <li><a href="#">Github</a></li>
    <li><a href="#">Frontend Mentor</a></li>
    <li><a href="#">LinkedIn</a></li>
    ...
</ul>

    Ao usar <ul> e <li>, você transmite a estrutura do seu conteúdo de forma mais clara, facilitando para leitores de tela e mecanismos de busca entenderem. Além disso, isso está alinhado com as melhores práticas para semântica HTML.

    Espero que você ache isso útil!

    Continue com o excelente trabalho!

    Marked as helpful
    0
    Webert Rodrigues Caldeira da silva•30
    @webertrodriguesPosted 6 months ago

    @danielmrz-dev thanks for the feedback, at first I used it, but I deleted it and I don't remember why. I guess I was a little confused if it uses if or not.

    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