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

Social Links Profile with Flexbox

DNel 200

@TechEdDan2

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?

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 160

@khalidmir2674

Posted

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

1

DNel 200

@TechEdDan2

Posted

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

0
Khalid Mir 160

@khalidmir2674

Posted

@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
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