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" challenge with plain HTML5 and CSS3

Hossein 85

@hgholab

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


any feedback appreciated :)

Community feedback

@mak009

Posted

height and width of the card is little bit more as compare to design. :)

0

Hossein 85

@hgholab

Posted

@mak009 Hello and thank you for your feedback. It is hard to guess the actual width and height of elements only based on the mock up designs. Do you know a way to do this?

0

@mak009

Posted

Yes. You can do that using tools. One of them is "Tape" extension in chrome. Using tape you can identify the width and height of the design image and more cool stuffs. hence I recommended this. I just observed using that tool is height is around 240px and width is 220px of that centered card in your mockup. :)

0
Hossein 85

@hgholab

Posted

@mak009 Thank you. I added it to the chrome :)

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