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

Vanilla HTML/CSS QR Code Component

Paula 60

@thedoodlebakery

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


This is my first attempt at this challenge. I would love to hear some feedback about things I could improve or change if I continue to work on this challenge.

Thanks in advance!

Community feedback

Account Deleted

Nice work! I see there's one HTML issue in your document you can put an alt attribute text to your image for screen readers. For more info https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img.

Overall you did great:-) your card looks perfect with the given width.

Marked as helpful

2

Account Deleted

good work

1
Andy 520

@AndyAshley

Posted

you got that sizing on POINT! haha. Looks great! like Raven said, that HTML issue is coming from not having alt attribute on the image (<img src="/link" alt="image description" />). this provides text (if the image fails to load) and something for screen readers to read. the other issues can be resolved by simply wrapping your component in a <main> tag. Good job!

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