Skip to content
Submitted over 3 years ago

Vanilla HTML/CSS QR Code Component

Paula•60
@thedoodlebakery
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

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!

Code

Please log in to post a comment

Log in

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
  • Account deleted

    good work

  • Andy•520
    @AndyAshley

    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!

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