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

basic qr code card

@prabh234

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

RabbitMaid 1,010

@Agbortoko

Posted

  • HTML5 elements such as <main>, <nav>, <header>, <footer>, <section>, <aside> act as landmarks, or special regions on the page to which screen readers and other assistive technologies can jump. By using landmark elements, you can dramatically improve the navigation experience on your site for users of assistive technology (Users with disabilities) .

You can use the <div> for sub items within landmarks like <section>. In other words for containers or sections in your html you can use the <section> tag. In most cases as well you may have to put all your main site content in a landmark element <main>

I hope you find the above solution useful! 😄 Nevertheless, the solution you submitted is great! Happy coding!

Marked as helpful

0

@prabh234

Posted

@Agbortoko thankyou i will keep it in mind next time

0

@22Theresecodes

Posted

Hello there 👋. Good job!

To clear the Accessibility report:

I'd advise you wrap the page's whole main content in the <main> tag. 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