Skip to content
Submitted about 2 years ago

Responsive QR Scanner using HTML CSS

Akshat Sharma•30
@AkshatSharma078
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

  • Luis Olivero•170
    @Luis-OliveroPosted about 2 years ago

    Hello Akshat Sharma, congratulations on completing this challenge! Looking at the report it seems you have a few accessibility issues that I would like to help you with.

    I would recommend adding a <main> tag around your div.div for better accessibility. Also possibly changing your div.div to div.card since you would be using a <main> tag now.

    <body>
  <main>
    <div class="card">
    </div>
  </main>
</body>

    Another accessibility issue you have is that you need at least one <h1> tag on your page. I would suggest you replace your <h4> tags with <h1> tags instead.

    <h1>Improve your front-end skills by building projects</h1>

    To help with your <footer>, I would recommend adding this to your code.

    footer {
  width: 100%;
  margin-top: 2rem;
  font-size: 1rem;
  text-align: center;
  color: white;
}

    Hope this helps and keep at it!

    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