@Ranty09
Submitted
Here is my solution to the challenge. Kindly comment. Also, how do I resolve the issue where the top edges of the QR code diagram that did not change after I added border-radius?
@muuo-maker
@Ranty09
Submitted
Here is my solution to the challenge. Kindly comment. Also, how do I resolve the issue where the top edges of the QR code diagram that did not change after I added border-radius?
@muuo-maker
Posted
Congrats on completing the task. I think the reason why the top of the image did not change after adding the border radius is the padding-top you have added to the qr-image. Also, you don't need to add a class to the body tag in order to style it. Hope this helps.
Marked as helpful
@jsa2023
Submitted
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.
@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:)