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

Adam Lee 10

@adam02e

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


This is my first challenge. Any feedback for improvements would be appreciated.

Community feedback

Adam 430

@aemann2

Posted

Your solution looks pretty spot-on. I actually made a note for myself of the transform: translate() trick you used for centering. Only thing I would do is add more semantic markup in the HTML. You're using all divs -- you could use "main" or "article" for the card, "footer" for the footer, etc.

0
T0R0 280

@XxtbmfxX

Posted

position absolute and relative, also try what work better grid or flexbox, good luck!

0

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