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

@jacob-stone9554

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 developed this solution with a mobile-first approach, that is what I am the most proud of with this solution. Once I got the mobile solution down, the rest of it was pretty much done at that point. If I were to do it differently, I probably would have styled the attribution differently or omitted it.

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

One challenge I faced was getting the buttons to be spaced properly. I overcame this by putting them into their own button flex container and styling them from that instead.

What specific areas of your project would you like help with?

Nothing in particular. I am open to feedback and ways I can improve my solution though.

PLEASE NOTE: I will probably end up putting my own socials/info into this solution and customizing it to my needs, so if you visit the live site and it does not reflect against the design, that is why :)

Community feedback

Alex 3,130

@Alex-Archer-I

Posted

There are could be a couple of improvements for your link list.

It's a list, so semantically it should be the ul tag with a tags inside li.

Now only the text is clickable but not the rest of the element. To fix this, link must take all the space. For example, you can stretch it with the padding.

Cool hover effect, by the by.

Marked as helpful

0

@jacob-stone9554

Posted

@Alex-Archer-I Hi Alex, you are totally right, I completely forgot about <ul> and <li>, I guess that's what I get for working on a solution so late at night haha

I'll take some time today or tomorrow and try to implement those changes

Thanks!

1
Alex 3,130

@Alex-Archer-I

Posted

@jacob-stone9554

Yep. To code by the midnight is our curse and blessing. But, hey, I can enjoy the sunrise time to time.

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