Skip to content
Submitted almost 3 years ago

Stats Card Component using flexbox and SCSS

Stefan•730
@stfnpczk
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

Hi there, this is my first challenge submission on Frontend Mentor 🎉😄

Any suggestions on how I can improve are much appreciated.

I'm wondering about the best way to implement media queries for the different screen sizes. Micro-Managing the various display sizes with media queries don't feel like the most effective way of doing it, but maybe there's no other way around it ...?

Any recommendations, or code examples you could refer me to in order to write less media queries??

Thanks a lot!!!

Community feedback

  • Asiimawe•150
    @Pablo-cyber21Posted almost 3 years ago

    Really cool solution you have come up with Stefan I really was astonished of the picture tag and will surely be reading about that . For writing less media queries I would recomend Kevin powell's free Course on responsive layouts hope it can help . https://courses.kevinpowell.co/thanks/conquering-responsive-layouts#

    Hope I could be of assistance, Happy coding.

    Marked as helpful
    1
    Stefan•730
    @stfnpczkPosted almost 3 years ago

    Thank you Asiimawe for the course recommendation 👍 , I'll check it out

    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