Skip to content
Submitted over 2 years ago

Responsive card using flexbox layout

david chroos•10
@everi123
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

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

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Nikitossik•370
    @Nikitossik

    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

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