Skip to content
Submitted over 3 years ago

Pure Semantic HTML5 and CSS responsive design.

Ryan Mahara•135
@MainlyColors
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

*Any feedback is welcomed.

  • I tried to make the image size with the container dynamically but I couldn't get it to work without the image cropping or shrinking more then the 446 px height of the container. Is there a way to make the image zoom as the container gets smaller with overflow hidden so the image could lose some of the outer edges to support more screen sizes?

Community feedback

  • Yashasvi Singh•890
    @aUnicornDevPosted over 3 years ago

    Try using background-image instead of <img> tags.. and set the background-size:cover.

    Marked as helpful
    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