Skip to content
Submitted 24 days ago

Responsive Social Media-Sharing Component with Scss

Sergio Eduardo Castro Ceballos•300
@SergioCasCeb
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?

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•30
    @ZeroOne00001Posted 23 days ago

    Setting min-width would be better for component reuse

    0
    Sergio Eduardo Castro Ceballos•300
    @SergioCasCebPosted 22 days ago

    @ZeroOne00001 Well not necessarily, because that would not allow the component to shrink with the view port, if the view-port is smaller of it were to be inserted in other container, etc. Unless you really didn't want the component to shrink at all and all grow.

    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