Skip to content
Submitted 20 days ago

social link profile

Donald-cmd-ops•40
@Donald-cmd-ops
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?

looks pretty close to the image

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

some minor difference between image and my developed html so spacing button size differences

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

how to improve code to improve closeness to screenshot

Community feedback

  • P
    Jonatan Samuelsson•490
    @jonatan-samuelssonPosted 20 days ago

    Looks good!

    I see your problem with the likeness, and I think the easiest solution would be to get rid of the width: 40% on the card. Either set it to some fixed width or use min() to restrict its growth.

    Also, the way you center the .centered class is a bit overly complicated. A better way to do it is to have a full-viewport container (could just be the main) with display: grid and place-items: center. That way, the parent element controls the position of the card, which improves reusability.

    Happy coding!

    Marked as helpful
    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