Skip to content
Submitted over 1 year ago

Profile card component (React + Tailwindcss)

Michael Lei•150
@michaeleii
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

In addition to the main challenge I used the useEffect hook to fetch data from Random User API

The most difficult part was using learning how to use the before pseudo selector with tailwindcss. Not sure I did the background with the svgs correctly. I still have no idea how to get the top circle in position of the top left corner without it moving :(

Community feedback

  • Steve•1,170
    @peanutbutterjllyPosted over 1 year ago

    I love the fact that you used the random user api to generate a new person on each page load!

    your solution looks good too.

    job well done

    1
    Michael Lei•150
    @michaeleiiPosted over 1 year ago

    @peanutbutterjlly thanks :)

    1
    Steve•1,170
    @peanutbutterjllyPosted over 1 year ago

    @michaellei-e0ca

    as an aside, you have some cool projects on your portfolio page too 👀.

    they're all fun to play with

    1
    Michael Lei•150
    @michaeleiiPosted over 1 year ago

    @peanutbutterjlly 😳

    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