Skip to content
Submitted almost 3 years ago

Stats preview card | HTML CSS Flexbox @media

Nick•40
@FrontEndNick2022
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'm really pleased with this one. I had fun and games with the image again, with getting borders to round and working out how to get the tint on it.

My first time trying media queries as well. I got it all to work nicely in the end, but am not sure it's the cleanest of code.

Any feedback and tips are most welcome.

Thanks,

Community feedback

  • Victor•510
    @therealmaduanusiPosted almost 3 years ago

    The IMG is so compressed put it to a responsive state

    0
    Nick•40
    @FrontEndNick2022Posted almost 3 years ago

    @therealmaduanusi Ah do you mean the media query size? I had it set to 376px and was always checking at 375px so looked fine.

    I've now adjusted it to 450px.

    0
  • Victor•510
    @therealmaduanusiPosted almost 3 years ago

    Fix the IMG width on mobile.

    0
    Nick•40
    @FrontEndNick2022Posted almost 3 years ago

    @therealmaduanusi, thank you for taking a look.

    Can you please point me in the direction of what is wrong with it please? I can't see any difference so not 100% sure where I should be making a change.

    Thanks,

    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