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

Anointed Kayode• 420

@Coderio10

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Here is my solution of the Stats preview card challenge

Community feedback

Lesley Kimutai• 565

@Leskim

Posted

Congrats on completing the challenge

The main section should have a max-width property so that on larger screens it does not become too big as yours does coz you've set your width to 150vh which changes your width even when one brings up the developer tools due to height change ---stick to px/% for widths.

Also setting an explicit height on the main height: 350px has made text overflow out of the first section --you can edit out this part and maybe reduce the padding a bit on the first section

Finally fix your accessibility issues span tags should be inside h1, p tags -- not the other way around

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