Skip to content
Submitted almost 3 years ago

Responsive stats preview using Flexbox

mitch-webdev•60
@mitch-webdev
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

This is my second challenge so far. I struggled pretty much because I still don't get flexbox completely but it looks like I did not too bad haha. My question here would be: How can I make sure the image is not resized to fit the container on the mobile version? Thanks a lot in advance for your help.

Community feedback

  • Byron•2,290
    @byronbyronPosted almost 3 years ago

    Hi Mitch

    Sounds like you're looking for the below to fix the image on mobile:

    .image {
    background-size: cover;
}

    You're flexbox chops look good 👍

    Happy coding, dude!

    Marked as helpful
    1
    mitch-webdev•60
    @mitch-webdevPosted almost 3 years ago

    @byronbyron

    Hey Byron,

    Thank you so much for your help and feedback!

    Yes that did it thank you. Honestly, I should have thought about it but I was looking for more complicated reasons why it didn't work haha. Thank you again!

    Cheers,

    Mitch

    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