QR code for any screen size(media querries used)

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

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.