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-main

Elisavet 500

@elisavet12

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

@IEdiong

Posted

Nice work!

Some observations:

  • you could wrap the word 'insight' in a <span> and then change the color to the accent colour
  • capitalize the 'm' in the stats
  • try not using fixed units like px for your padding, width etc. Instead use a relative unit for responsiveness eg em, rem etc.
  • the layouts seems to fall apart from about 844px to 1450px screen size
  • look inside your <main> you actually have a tag called <container>, I'm guessing this was a typo. Try correct it
  • also, take a look at the HTML issues raise in the report above.

I hope this was helpful, Cheers 🥂

Marked as helpful

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