QR CODE - Using HTML/CSS

Hi Mark!

Your work looks good, but there is some accessibility issues report generated by Frontend Mentor.

1. Images must have alternate text
2. Document should have one main landmark
3. Page should contain a level-one heading
4. All page content should be contained by landmarks

• add alt attribute to img tag. eg: <img class="image-qr" src="images/image-qr-code.png" alt="qr-code"/>

• Put you <div class="qr-card"> into a <main> tag or <section> tag.

• You have used <h2> tag, instead you can use <h1> tag and set the font-size as required.

• You have a div of class attribution, put the div in *footer tag.

By following the above steps you can fix the accessibility issues. You have some mis-matched in image size which can easily be fixed.

You can have a look to my solution. click here to live preview my solution.

If you have any doubts or questions do not hesitate to ask.

Keep Coding! Keep Learning!