Submitted 2 months ago

QR Code built with HTML & CSS

nais-4• 10

@nais-4

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

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

@kiriasru

Posted 2 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!

nais-4• 10

@nais-4

Posted 2 months ago

@kiriasru

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

Please log in to post a comment

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