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

Only Html and Css

@fjarauj0

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

P
Grace 27,710

@grace-snow

Posted

Hi Francisco,

This looks really nice on mobile, very close to the Original Design (only exception is the grey line above stats not reaching to the edge)

Take another look at your html elements. There's 2 points for improvement here:

  1. Heading tags should always go in order to give good structure to a document
  2. The stats at the bottom need to each be in one meaningful tag, not two. A heading like '803k' doesn't make sense on its own without the corresponding label. You can use spans with classes on inside another tag to control size and make each line display block.

Hope that helps, keep on 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