Skip to content
Submitted 8 months ago

Social Links Profile with Flexbox

DNel2•200
@TechEdDan2
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?

I have been completing a number of the "beginner" challenge options, so I am happy with seeing my speed for completing the task is increasing and my understanding of who to tackle the problem is improving.

Next time I want to challenge myself to try to use Bootstrap or Bulma to complete a "beginner" challenge to practice using those tools.

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

I think with all of these challenges, I am always questioning the sizes of containers (like width of a wrapper div) or proportion of a margin or padding to get my final version as close to the design. I guess I overcome them by trying to be confident with what I choose and then wait to see the comparison.

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

Not sure... maybe where I should refactor my CSS to make it more efficient, but I welcome all feedback.

Community feedback

  • Khalid Mir•180
    @khalidmir2674Posted 8 months ago

    I would try fixing up the margins and paddings a bit. Other than that everything is perfect.

    1
    DNel2•200
    @TechEdDan2Posted 8 months ago

    @khalidmir2674 what specifically would you recommend about changing the margins and padding?

    0
    Khalid Mir•180
    @khalidmir2674Posted 8 months ago

    @TechEdDan2 you can use either margin or padding however, I am referring to the spacing between the picture and name and country. They are way too close as compared with the original design.

    1

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