Skip to content
Submitted over 3 years ago

Profile card HTML and CSS (Desktop)

Hyunji Kim•155
@creativehkim
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

Hi! I'm a beginner frontend web developer. :) Thanks for checking out my first project! I tried to copy the original as close as I could. One problem is that when I resize the window, the background pattern stays where it is as I set the individual patterns to 'position: absolute; ' I assume..? I am not sure what I could do to fix them where they are in the background.

Thanks for all the feedback and happy coding!

Community feedback

  • Luis Colina•1,043
    @Comet466Posted over 3 years ago

    congrats on your first challenge Kim, the desktop version looks just like the solution and thas really cool, the only things that i can point out are that you didnt make it mobile friendly, you can do it throu the use of a media query (@media) and there's no need to set the body element as a flex container just the profile container really need it, overall i think you came out with a solid solution for your fist challenge, congratulations

    0
    Hyunji Kim•155
    @creativehkimPosted over 3 years ago

    @Comet466

    Thanks for your feedback! I will try and fix the parts you mentioned :)

    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