Skip to content
Submitted 8 months ago

Responsive Profile Social Media links

Mikiyas Kebede•360
@Miki0035
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social links profile
  • HTML
  • CSS
1newbie

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

  • VictorGerfaud•210
    @JamesLavironPosted 4 months ago
    • 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

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