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

QR-Code use Flex-Box

yoobezxc 170

@yoobezxc

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


hi everyone, i want ask something i was always struggle on responsive layout every make project any advice for me to improve my skills, please comment. Thanks

Community feedback

@kaiser-sb

Posted

Congratulations on completion of your project. Excellent job! For responsive web designing - you can use the viewport meta tag - <meta name="viewport" content="width=device-width, initial-scale=1.0">. Also, to make your design user-friendly for different screen sizes - you can use media queries in your CSS file. You can refer to MDN Web docs or different articles in internet to learn more about these and apply them. You can use Chrome or Firefox dev tools to inspect elements and check how your project looks on different devices. Hope this helps. Happy coding!

Marked as helpful

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