Skip to content
Submitted over 2 years ago

Stat preview card challenge

Anna Lemonade🍋•290
@pbitonga17
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'm finally done!! I know it isnt perfect but it is better compared on my first 3 try! I struggle a lot in positioning and flexbox.

Please feel free to comment any of my mistake. So i can do better on my next challenge tomorrow :)

Community feedback

  • Javian Cummings•80
    @JavianTheGreekPosted over 2 years ago

    Hi, you did great. I had the same problem with accessibility, I realize we must follow a hierarchy by h1 -> h2 -> h3. in short terms change your h3 to an h2, and also for the background image use -> "filter: opacity(0.4) drop-shadow(0 0 0 hsl(277, 90%, 60%));". I would recommend "10px" for border-radius to be honest, but everything looks great.

    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