Skip to content
Submitted over 1 year ago

Stats Preview Card

Capt-Coder•50
@Capt-Coder
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I am learning responsive design and I faced difficulties in positioning the image and during resizing. If you find any mistakes in the site or in the code, please do mention it! Thank you!!

Code

Please log in to post a comment

Log in

Community feedback

  • Ronny Nieto•270
    @ranieto

    The image gets squished at some resolutions. (One possible solution: use object-fit: cover on <img>)

    The overlay bleeds out of the image when the screen is too wide. (Possible solution: change max-width: 100% for width: 100% on the <img>, just like it is on the overlay)

    Good luck!

    Marked as helpful

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