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

Mobile first - QR code component

GSigua_ 60

@GPDSigua

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


What are you most proud of, and what would you do differently next time?

im most proud in reacreating the qr code page, yes it not perfect but still.

What challenges did you encounter, and how did you overcome them?

i have a challenge in creating may website live since i keep getting error in deploying my code.

What specific areas of your project would you like help with?

in deploying using vercel or netlify.

Community feedback

Jesse 40

@heathology

Posted

Good job! The main thing I would recommend is to make sure your code is accessible by meeting ARIA standards as well as using secure HTML. For example, using semantic tags such as <main></main> and <footer></footer> to indicate the "sections" of the page. You should also use the 'alt' attribute in the <img> tag to have an alternative text description in case the image does not load or if someone is using a screen reader. Finally, links, such as those contained in the attribution, need to have rel="noopener" to prevent the new blank tab/window from accessing the original window (through malicious code).

Marked as helpful

0

GSigua_ 60

@GPDSigua

Posted

@heathology, thank you for your suggestion i will take note with it, and try to fix my code. thank you so 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