Skip to content
Submitted over 1 year ago

QR Code (no responsive)

Diego Vieira•10
@diegovieiraf
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

The design is not responsive. I'm looking forward for feedback on the HTML structure and the use of CSS properties. Appreciate any suggestions, hints and corrections. Thanks a lot!!

Community feedback

  • Elijah•320
    @taco-nekoPosted over 1 year ago

    A very very simple way to make it responsive is to write width: (your width here) max-width: 100%. Realistically, almost no one is using a device small enough to make it cause any issues, but the max-width of 100% is always a safe bet.

    Also, avoid using strict pixel sizes and use rems instead. You can treat it exactly like pixels and convert your pixel width to it, but the benefit is if that a user has their browser's font-size property modified it will scale properly and not break.

    Marked as helpful
    2
    Diego Vieira•10
    @diegovieirafPosted over 1 year ago

    Thank you very much @taco-neko !

    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