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 with Flexbox

N40h 90

@N40h

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


My question are about the avatar image and the background SVG's.

NOTE: I didn't use any figma files, i've only use the given assets.

  1. I have use margin to adjust the avatar image inside my card container, I would love to know any other possibility that may be best to fit the desired design.
  2. I struggle a lot regardless the background before finding something "good", so any feedback for this are really welcome.

Community feedback

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