Skip to content
Submitted almost 2 years ago

Profile Card Component

Saulius K.•560
@TH3RIV
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

Took me a while to figure out the background image positioning, but I got there in the end. Added a little bit of JavaScript for more fun in the card. It generates random numbers and location on every refresh now.

Any feedback is more than welcome!

Community feedback

  • Steven Portas•440
    @satropPosted almost 2 years ago

    Dude! I love the randomizer! I have to “borrow” that and give it a go later!

    Outcome looks great my only advise would be to swap out the card div to an article, should help some with accessibility.

    0
    Saulius K.•560
    @TH3RIVPosted almost 2 years ago

    @satrop hey, thanks for the kind words! Feel free to "borrow" the idea 😂

    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