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

Profile card component using HTML and CSS

nirjar 185

@lnirjar

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@KristianDunne

Posted

It looks nice and works well on mobile but the card__body grows as the height of the page increases which is down to the flex-grow: 1.

Maybe revisit this and check against larger screen sizes, but otherwise good work!

3

nirjar 185

@lnirjar

Posted

@KristianDunne Thanks for bringing this to my notice. I have fixed it now. :)

0
P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hey there, nirjar! 👋

Nice work on this challenge! 🙌 And congratulations upon completing your first challenge on Frontend Mentor! 🎉

Using viewport units to position the background images was a smart choice! 😎

Keep coding (and happy coding, too)! 😁

1

nirjar 185

@lnirjar

Posted

@ApplePieGiraffe Thankyou for your kind words. Actually I had problems with background svg images. So I saw your solution and implemented my solution based on that. Happy Coding!

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