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 profile solution

@wasiqurzaman

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

P

@Erika-codes

Posted

Nice work! I like how you made the links have a green background when hovering over them. Your solution is smaller than the original design though. I too had this same issue and I am not sure how to fix it. I think you did a really great job though!

1

@wasiqurzaman

Posted

@Erika-codes Thanks. I am not a pro member so I don't have the figma design. So I don't know the exact dimensions for padding, margin, etc. I used random dimensions, so it does not match the original design. You should use the exact dimensions mentioned in the figma file and it'll be exactly the same.

1
P

@Erika-codes

Posted

@wasiqurzaman I just modified the width and height on mine, and it looks really close now. I think that was the issue.

1

@JawadM2002

Posted

Good use of semantic HTML, it has a very good layout that is available in a range of screen sizes. The code is very well structured, and it is very readable. Furthermore, the design is a little bit different, but functions in the way that it is meant to. This is a very good effort within your HTML and CSS knowledge, keep it up! :)

0

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