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

Social Links Component

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

Alex 3,130

@Alex-Archer-I

Posted

Hey!

Cool work, congrats =)

A few tips if you don't mind =)

Semantic stuff.

  • It is preferable if the h tags follow the hierarchy - so after h1 better to use h2. - - - The links here is a list, so you can put them in the ul and li tags.
  • And every page should contain main tag, but since this project could be part of the bigger page, maybe it's not really necessary here =)

CSS things.

  • You can more easier center the content by adding flex to the body.
  • I recommend you to use rem for font sizes. It's a special values which depends on the browser font settings.
  • Don't use percentages for border-radius. This property is better keep static.

Hope that helps! Overall it is great work, keep doing =)

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