Skip to content
Submitted almost 2 years ago

Responsive card using flexbox layout

david chroos•10
@everi123
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

my questions

  • how can I use media query for this challenge, when do we know that we have to use media query for a responsive page or when is it unnecessary? -what are the best practices for this challenge

your thoughts will be much helpful

Community feedback

  • Nikitossik•370
    @NikitossikPosted almost 2 years ago

    I think for this challenge no media gueries are needed, because we have only 1 component. It's good , that you applied max-width for this

    Also if speaking about @media in general, I often question myself if I need it or not, but I think you should always use @media if something breaks or looks bad. Actually you can watch Kevin Powell yt channel about responsive web, he gives many useful pieces of advise about it. I often use some of his tricks to write responsive design easier

    I hope that I helped you somehow, good luck)

    Marked as helpful
    1

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