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

Responsive QR-Code using HTML & CSS Flexbox

@Mussab12

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


When designing this page I find difficulty in making the layout of the qr-code-container. I have tried to adjust it according to different screen sizes. It's not accurate but I have tried my best.

Community feedback

@jadurani

Posted

Hello!

Congrats on submitting your solution :)

"I find difficulty in making the layout of the qr-code-container"

I saw that you've set fixed width and height for the container. This makes it difficult to adjust the container according to different screen sizes. Try setting a max-width for the card container only (but not height, let the contents expand the container vertically and handle the height). And center the container in page vertically and horizontally.

Hope this was helpful. HAPPY CODING!

1

@Mussab12

Posted

Thank you so much for your feedback i will fix it@jadurani

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