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 Component

Jafar 30

@jsa2023

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


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

Posted

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
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