Skip to content
Submitted over 3 years ago

Built the stat preview card component challenge with HTML and SASS

Jamie Moore•230
@jamiem89
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 feel like using 'object-fit' on the image might not be the best solution. I'd be happy to get some feedback on that area.

Community feedback

  • Raymart Pamplona•16,100
    @pikapikamartPosted over 3 years ago

    Hey, really great job on this one. Both layout in desktop and mobile is good.

    A quick suggestion is that. Maybe adding an alt text to the image, since I think it contributes to the content of the layout itself. Adding meaningful alt text will be really good for other users.

    Also on the mobile state, there is this horizontal scroll/swipe. To fix this, remove the width: 100vw on the wrapper selector.

    Aside from those, really good job^^

    0
    Jamie Moore•230
    @jamiem89Posted over 3 years ago

    @pikamart Thanks mate.

    What browser are you using? I'm not getting any horizontal scroll on my end!

    Cheers.

    0
  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    seems like if you hold the bigger mobile layout longer before you flip to the desktop layout that might help

    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