Submitted almost 3 years ago

Responsive QR Scanner using HTML CSS

Akshat Sharma•30

@AkshatSharma078

A solution to the QR code component challenge

Preview Code

Code

Please log in to post a comment

Community feedback

Luis Olivero•170
@Luis-Olivero
Posted almost 3 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

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