Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Using basic html and css

falguni-uxβ€’ 10

@falguni-ux

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P
Dave Quahβ€’ 670

@Milleus

Posted

Greetings! πŸ‘‹ Congratulations on completing the challenge.

I have some suggestions for improvements:

IMAGE ALT TEXT

  • Consider having a more meaningful alt text for the QR code image. For example, <img src=β€œβ€¦β€ alt=β€œQR code to frontendmentor.io” />.

HEADING STRUCTURE

  • Consider having a unique h1 per page that describes what the page is about. Having the right heading levels would help screen reader users and also search engines. More details about heading structure here.

LANDMARKS

  • The <main> landmark is missing, consider renaming the <div> to <main>. Landmarks help to define major sections of your page and can help screen reader users a great deal. More details about landmarks here.

I hope this helps and happy coding! 😊

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord