Skip to content
Submitted 12 months ago

Stats Preview Card

Capt-Coder•50
@Capt-Coder
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 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!!

Community feedback

  • Ronny Nieto•270
    @ranietoPosted 12 months ago

    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
    1
    Capt-Coder•50
    @Capt-CoderPosted 12 months ago

    Thank you for the tip!!@ranieto

    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