Skip to content
Submitted 4 months ago

QR Code built with HTML & CSS

nais-4•10
@nais-4
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I'm proud enough that I actually finished this project.

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

I had difficulty centering the QR Code vertically. I watched Kevin Powell's videos to get an understanding of Flexbox more.

Community feedback

  • Kevin Irias•40
    @kiriasruPosted 4 months ago
    • Your HTML structure is generally good. I'd be great if you wrap everything in a semantic tag <main>
    • The QR code component is visually clear, but there is room for an accessibility improvement, which is adding a descriptive alt attribute to <img> tag (alt="QR code" for example). It helps users who rely on screen readers understand the content of the image!
    1
    nais-4•10
    @nais-4Posted 4 months ago

    @kiriasru

    Thank you for the advice! I'll keep that in mind next time.

    1

Please log in to post a comment

Log in with GitHub

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