Design comparison
Solution retrospective
still having problem understanding how div's are used
Community feedback
- @blackdreamer15Posted over 2 years ago
Hi @urrrch! Congratulations on completing this challenge. I checked your code on GitHub and have some suggestions to make.
-
You have to use a <h1> tag instead of a <h4> tag to resolve one of the accessibility issues. Conventionally, you have to start with a level-one heading. (that is, the h1 tag)
-
For the semantic reasons, it will be best to change <div class="content"></div> to <main class="content"></main> since it contains the main content of the page.
-
I think the <div class="wrapper"></div> is not really important since you can apply the styles directly to the <main class="content"></div>.
-
Also, you can increase the dimensions of the container and its items to make the whole QR code component a bit bigger.
-
You can also add some padding to the content to add some spaces between them.
Good luck with your other challenges.
0 -
Please log in to post a comment
Log in with GitHubJoin 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