Skip to content
Submitted about 4 years ago

Responsive Stats Component using only HTML and CSS

Khalis•135
@khalisabrahman
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I can't get the picture in the mobile layout right. There's a line there. Any suggestion?

Code

Please log in to post a comment

Log in

Community feedback

  • shiva santosh jana•375
    @santu369

    Hi Khalis,

    Good job on finishing this challenge 💪

    • Try setting display: block on the img element. I faced the same issue and this trick fixed it.

    • I am viewing this on mobile and I can see the top section of the image getting cropped. You can check on this once.

    Thanks, Shiva

  • tediko•6,700
    @tediko

    Hello, Khalis! 👋

    Congrats on finishing another challenge! Your solution responds well. There's small trick that will solve your problem. You have to add display: block to your image. Images has a display value of inline by default and is not take up all space available. The display: block; get all the place what is possible. Hope it helps.

    Good luck with that, have fun coding! 💪

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