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 Profile Social Media links

@Miki0035

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I was able to finish this project fast. Now I understand that all those studying and coding are paying off. But still there is room for improvements , like being to understand scss better , this was my first time using it

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

I was having some problems trying to use scss , like how to use it in raw HTML . I found the solutions from their documentations and stack overflow

Community feedback

P

@JamesLaviron

Posted

  • Does the solution include semantic HTML?

Yes it does, maybe you could add main or section tag.

  • Is it accessible, and what improvements could be made?

Looks great.

  • Does the layout look good on a range of screen sizes?

Yes it is but you should remove useless attribution to match screenshot.

  • Is the code well-structured, readable, and reusable?

You should avoid common tags selectors such as h1 styling. When doing this, browsers will get all h1 and for each h1 will check ancestor. Performances could be lowered on big sites :( Otherwise nice ideas!

  • Does the solution differ considerably from the design?

Nope, apart from padding on main div.

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