Skip to content
Submitted about 3 years ago

Profile card using flexbox

Han•340
@hcxweb
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello, I had a hard time figuring out the background images and had to seek help from others' solutions. I'm glad that I learned something new. Please let me know if you have any suggestions. Thanks!

Community feedback

  • Brandon•60
    @walker861Posted almost 3 years ago

    Han - I liked the strategy you used for the the statistics at the bottom. I hadn't thought to use a list for those items. I'm glad you found out how to do the positioning of the background images. AND that you paid it forward.That was a real struggle for me too.

    0
    Han•340
    @hcxwebPosted almost 3 years ago

    @walker861 Thank you Brandon. For my first few challenges, I used absolute position and top/left to position the elements, which was in general not a good practice. I've changed to use margin/padding/transform instead.

    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