QR code for any screen size(media querries used)

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted over 1 year ago

  Replace <div> with the main tag and <h2> with <h1> to make the content/page accessible.

  To make the imgage visible remove ./images/ from the beginning of the src value in the img. <img src="image-qr-code.png" alt="qr-code" class="img--qr-code" /> instead of <img src="./images/image-qr-code.png" alt="qr-code" class="img--qr-code" />.

  To center the div on the page using, flexbox replace the height in the body with `min-height:100vh and remove the margin value in the div.

  For a responsive content,

  • Give the div a fixed max-width value .max-width: 320px which is 20rem/em
  • Give the img a max-width of 100% and a border-radius value, the rest are not needed.

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  Marked as helpful

  2
• 

  zurnadurumm•130

  @zurnadurummPosted over 1 year ago

  Hello👋

  Congrats! You made your first project on this site🥳

  I think the QR code image URL has a problem, thats why it isn't showing up. Correct your image URL and push your code update to your code repository. After deploying you can take a new screenshoot of your site by pressing take a screenshot on submit page.

  Have a nice day. Happy coding.

  Marked as helpful

  0