Skip to content
Submitted over 1 year ago

Responsive QR Code Component using Tailwind CSS

Jesse•170
@JezzeX
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Community feedback

  • Landeri Srujan•80
    @srujan-landeriPosted over 1 year ago

    Hi Jezze, congratulations on completing your first challenge🎊.

    After submitting a solution have a look at Frontendmentor Report Generator issues for removing errors and warnings. To avoid accessibility issue "All page content should be contained by landmarks" use code as :

    <body>
     <nav>
     </nav>
    <main>
       <-- code -->
    </main>
  <footer>
  </footer>
</body>

    Landmark elements in HTML are important for a few reasons:

    • Accessibility: Landmark elements help screen readers and other assistive technologies navigate through the content of a web page. This is because they provide a semantic structure that describes the purpose and organization of different parts of the page.

    • Search engine optimization: Landmark elements can help search engines understand the structure of a web page and its content, which can improve the page's ranking in search results.

    • Maintenance: Landmark elements make it easier to maintain and update the content of a web page because they provide a clear organization of different sections.

    I hope this helps you😊 Happy Coding!👨‍💻

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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