Skip to content
Submitted almost 3 years ago

Stats-preview-card with simple HTML and CSS

Jociel•90
@jsmeyring
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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?

Community feedback

  • Anosha Ahmed•9,300
    @anoshaahmedPosted almost 3 years ago

    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
    0
  • namlh•630
    @namlh023Posted almost 3 years ago

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

    Marked as helpful
    0
  • David Turner•4,150
    @brodiewebdtPosted almost 3 years ago

    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
    0

Please log in to post a comment

Log in with GitHub

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