All comments

• 

  Ranti ogunrinde•190

  @Ranty09Submitted over 1 year ago

  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?

  

  QR code challenge with HTML and CSS

  1

  40
  

  muuo-maker•60

  @muuo-makerPosted over 1 year ago

  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

  0

  This comment has received 1 replyShow
• 

  Jafar•30

  @jsa2023Submitted over 1 year ago

  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.

  

  QR Code Component

  1

  40
  

  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