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

Stats preview card component solution

@mohammedlahboub

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

romila 3,570

@romila2003

Posted

HI Mohammed,

Congratulations 🎉 on completing this challenge, it was a great attempt.

A key issue I noticed regarding your card is the responsiveness of it. Both the desktop and mobile version looks good however when adjusting the screen size from mobile to desktop or desktop to mobile, I noticed, the card does not respond well. For example, the image looks too squashed.

A good solution for this, is to follow the mobile-first approach as it would be easier to adjust the elements within the card as you increase the screen size. If you are unsure about this topic, then you should research more about this concept through various sources.

Overall, it was a great project and the design looks similar to the original. I wish you success with your future projects and keep coding 👍.

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