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 Social Links Component

BenasUrba 50

@BenasUrba

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?

Completed this at a good pace, learned a little bit more about how flex works and the use of text-align as I was having problems centering the text of the links. Also works well with responsiveness and did not take as long to code the media changes as my previous projects.

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

Centering the text of the links such as GitHub was giving me issues, I tried various methods, but it seems all it took was a text-align statement. Furthermore, I had to ensure a good margin and padding between the different elements and components to ensure good structure.

Community feedback

P

@Illia-L

Posted

Good job! Seems, like you have successfully implemented colors, spaces and responsive design.

To make your sulution even better, consider the following:

  • apply transition effects on hovering (smooth color changing);
  • list of socials is actually a list, so think of semantic tag for it;
  • social items are supposed to lead to other sites, so, also there is a tag for it.

Good luck and happy coding!

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