Skip to content
Submitted over 1 year ago

Responsive QR Page from mobile to up to 1450px

Ian Chanā€¢10
@ianchan3
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

Please give me feedback on this project. Best Practices questions: Regarding media queries, is it best to use percentages opposed to px for images?

Community feedback

  • Aborkā€¢340
    @ayberkkkPosted over 1 year ago

    Hey, good job on finishing this challenge!

    I recommend that you do not give sharp width-height to the images, but if you have to, you should pay attention to this, you can keep the height property in the auto option. You can give the width as %, but some versions of safari do not support %, including mobile. I recommend giving the width-height attributes to the img tags as attr.

    Marked as helpful
    0

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