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

Responsive Social Links Profile using Vite + React

@OmPreetham

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

Kendpr 290

@RealKendpr

Posted

Great job you made so close to the design.

Here are some that can help with the accessibility:

  1. Don't use H2 without using H1 first. They should be in order like:
<h1>
<h2>
<h3>
<--etc-->

and take note, dont simply use headings just to make a text smaller or bigger than the other because they are suppose to give meaning to a content. You can instead use <div> or <p> and just add a style.

  1. Also the list of social medias in your html are buttons, I think they are more of a link. You can use the anchor tag instead of the button. Then you can also make them a list, like:
<ul>
    <li><a href="#">GitHub</a></li>
    <li><a href="#">Frontend Mentor</a></li>
    <li><a href="#">LinkedIn</a></li>
    <li><a href="#">Twitter</a></li>
    <li><a href="#">Instagram</a></li>
</ul>

Keep coding

Marked as helpful

1

@chahidsalmi

Posted

Great Job My Friend

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