Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

QR Code Solution Challenge

Ruan Mesquitaā€¢ 70

@RuHd

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


One of my doubts is about the containing elements. was it right, on this case, wrap up the <h2> and <p> in the <section> container? Because I thought it'd be easier to change its style.

Community feedback

@Kamlesh0007

Posted

Great job on writing this code! You have demonstrated a good understanding of the concepts and applied them effectively to solve the problem. One suggestion I have is to add an alt attribute to the img tag because it provides a text alternative for the image, which is useful in several ways:

ā€¢ š€šœšœšžš¬š¬š¢š›š¢š„š¢š­š²: Users with visual impairments rely on screen readers to access the content on web pages. The alt text helps the screen reader software to describe the content of the image, which makes the page more accessible.

ā€¢ š’š„šŽ: Search engine crawlers use the alt text to understand the content of the image, which can help the page to rank better in search engine results.

ā€¢ šƒš¢š¬š©š„ššš² š¢š¬š¬š®šžš¬: In some cases, the image may not be displayed due to slow internet connection or other technical issues. The alt text can help to provide context and information about the image, even if it's not visible.

So, it's a good practice to always include an alt attribute with a descriptive text for each image in order to improve accessibility and optimize SEO. Here's the code u need to add or modify in ur example:

<img src="image-qr-code.png" alt="qr-code image" >
0

Please log in to post a comment

Log in with GitHub
Discord logo

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