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 component

@muuo-maker

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


Finally completed the challenge. Any feedback will be highly appreciated. Thanks in advance.

Community feedback

@Kamlesh0007

Posted

Congratulations on completing the challenge🎉! That's a great achievement, and I'm sure you put a lot of effort into it. I really liked the way you approached the challenge and the code you wrote. You demonstrated a good understanding of the concepts and applied them effectively to solve the problem.I have a few suggestions to improve your code further. You need to add an alt attribute to the img tag because it provides a text alternative for the image, which is useful in 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. add below Lines of code to add alt text in image tag

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

Marked as helpful

1

@Ratified

Posted

Hello, I'd advise using semantic HTML due to the following reasons:

Accessibility: Semantic HTML provides better accessibility for users, including those who rely on screen readers or other assistive technologies. By using semantic elements like <header>, <nav>, <main>, <footer>, and <article>, you provide meaningful structure and context to the content, making it easier for users to navigate and understand.

Search Engine Optimization (SEO): Search engines rely on the structure and meaning of HTML elements to understand the content of a web page. By using semantic HTML, you can improve your website's visibility in search engine results. For example, using <h1> for headings and <p> for paragraphs helps search engines identify the main topics and relevant content on your page.

Marked as helpful

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