Skip to content
Submitted over 3 years ago

Stats-preview-card with simple HTML and CSS

Jociel•90
@jsmeyring
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

In my tests with Google Chrome and MS Edge, it's everything ok. But with Mozilla and Android, I had some problems to overlay the soft-violet color over the image. It was a little bigger than the image. Could someone help me with this issue?

Code

Please log in to post a comment

Log in

Community feedback

  • Anosha Ahmed•9,300
    @anoshaahmed

    Good job! In the future, remember when using Headings, start with H1 and so. That way you wont have any issues in your report! :)

    Marked as helpful
  • namlh•630
    @namlh023

    Don't worry. The image looks fine on my Android phone Jociel!

    Marked as helpful
  • P
    David Turner•4,130
    @brodiewebdt

    This looks good. You did a good job with this. I'm not seeing any problems here. In Firefox and Polypane browsers it looks fine. I don't have Android to test it. Change the H2 to an H1 in the HTML and the CSS and it will clear the accessibility warning. You shouldn't have to re-style since you styled the H2 separately.

    Hope this helps.

    Marked as helpful

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