Skip to content
Submitted over 1 year ago

QR Code Component

Jafar•30
@jsa2023
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

I found this quite challenging.

I don't know the best practices for making images responsive and through trial and error I found that giving the image a maximum width of 100% works but why? Any feedback here will help.

Community feedback

  • muuo-maker•60
    @muuo-makerPosted over 1 year ago

    First, congrats for completing the challenge. The width 100% means that the image will occupy 100% of it's container no matter the size of the image or container. This makes the image responsive. Hope this answers your question:)

    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