Skip to content
Submitted over 2 years ago

Stats Preview Card Component using HTML and CSS

Mofe•440
@Mofe620
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

I found the media query particularly hard to implement this time around. I fear I might actually be a newbie afterall, after all these years (of inconsistency). I'd really appreciate corrections and advice on this one. Many thanks.

Community feedback

  • Account deleted

    Hi Mofe,

    I always do mobile first when it comes for css. But I write html according to desktop version. This makes my work easy.

    • Add some line height to the paragraph.
    • If you use blend mode for image overlay, I will looks like given design.
    mix-blend-mode: multiply;    /* blend its parents background-color */

    Thanks.

    Marked as helpful
    1
    Mofe•440
    @Mofe620Posted over 2 years ago

    @EthenPage Hmm been hearing about mobile first responsive web design. I'll certainly have to look into it. Thanks for the tips you've given. I'll go and work on them.

    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