Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Positioning using Flex Box and @media queries

@brianDash2298

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@RiccardoWilliam

Posted

There a good attempt at making the all thing responsive, but itsn't perfect. Above 1440 the design completely crumbles apart. Maybe the site shouldn't be responsive relative to the display's height but only through its width.

Marked as helpful

0

@brianDash2298

Posted

Hi @RiccardoWilliam, I saw your solution and you made your solution consistent when it comes in design and responsiveness. I admit that mine is so OFF for me. Would you teach me how to become responsiveness wizard?

0

@RiccardoWilliam

Posted

@brianDash2298 I can't do myself good-looking responsive sites yet but i've just thought that the qr code challenge doesn't require it to be really responsive if it's centered and has the same height-ratio between mobile and desktop. Other than that i just made the width and height the same as they were in the figma file. Mine's, as i've said, isn't responsive whatsoever, but it doesn't have to

0

Please log in to post a comment

Log in with GitHub
Discord logo

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