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

Ma solution au challenge Social links profile

P

@ClementServant

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@Flavio-sv

Posted

Your code is quite well-structured, but I would suggest making your HTML cleaner by removing those <div> tags and using a semantic tag called <nav> along with a <ul> to organize the <a> links, thereby tidying up the code. Below is an example:

<nav>
    <ul>
        <li><a href="https://github.com/">GitHub</a></li>
        <li><a href="https://www.frontendmentor.io/">Frontend Mentor</a></li>
        <li><a href="https://www.linkedin.com/">LinkedIn</a></li>
        <li><a href="https://twitter.com/">Twitter</a></li>
        <li><a href="https://www.instagram.com/">Instagram</a></li>
    </ul>
</nav>

Regarding your CSS code, I would suggest using clamp() to make it more responsive.

Marked as helpful

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