Design comparison
SolutionDesign
Community feedback
- @LovelyFaisalPosted about 2 years ago
Hi! You've done great 💪
Here are some suggestions to improve your code:
- You need to add the alt attribute to your image like this <img src="image-qr-code.png" alt="qr code to frontendmentor">
The required alt attribute provides an alternate text for an image, if the user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).
- Use <main> instead of a simple <div> this way you improve the semantics and accessibility showing which is the main block of content on this page. Remember that every page should have a <main> block and that <div> doesn't have any semantic meaning.
Good job, and happy coding!
Marked as helpful0
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