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 Media-Sharing Component with Scss

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?

Without proper design guides (Figma file in this case), I tend to add to many arbitrary values for spacing, font sizes etc. So for this challenge I did my best to keep them as simple and reusable as possible.

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

Since I try to always center the components in the screen, I use either flexbox or grid, and I tend to forget that when doing that sometimes the children components do not have a width of 100% by default, so I took me a good 3 minutes trying to figure out why my component was not expanding.

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

Nothing in specific but any feedback is appreciated.

Community feedback

@ZeroOne00001

Posted

Setting min-width would be better for component reuse

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