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
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


The project was not really difficult as it is a starter project for every beginner.

Community feedback

@Mennatallah-Hisham

Posted

Hi Marvelous, Congratulations on completing your first challenge👏

You did great 👍

here are some suggestions to improve your code:

  • each page should have one h1 tag ,h1 helps the web understand the content.
<h1>Improve your front-end skills by building projects</h1>

  • wrap your card in <article>
<article>

<img src="images/image-qr-code.png" alt="QR-code" width="230" height="230">
        <h1>Improving your front-end skills by building projects</h1>
        <p>Scan the QR code to visit Frontend Mentor and take your coding skills to the next level</p>
</article>
  • images should have descriptive alt text, which is important for SEO and screen reader users, alt="QR code linking to Frontend Mentor challenges"
  • you can add meta description for better SEO, it provides a brief summary of a web page

Hope you find this helpful, Happy Coding

Marked as helpful

0

@Marvyeddy

Posted

@Mennatallah-Hisham thank you very much 👍

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