Submitted about 2 months ago

Responsive Social Links Component

BenasUrba•50

@BenasUrba

Preview site View code

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?

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

Illia Liashko•70
@Illia-LPosted about 2 months ago
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

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