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

QR code component solution

@Gingerlox

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?

One good thing I used which I just recently learned is setting width and max width on my container/wrapper div, to keep it responsive, but also keep it from stretching at wider screens widths.

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

I found this fairly simple as I have just finished a CSS course, so concepts were still pretty fresh in memory.

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

None on this, but can imagine help with be great for more complex projects.

Community feedback

Vozmo 60

@V0zmo

Posted

This is a fantastic code simple and easy to read for a beginner like me! Much cleaner than mine lol, responsive for any device, and also great for me to learn! If I have some feedback. Maybe add some other features of this solution, like some animation or other interesting things that involve deep knowledge of the CSS course that you learn. Other than that great job and thank you! 🥳🥳🥳

Marked as helpful

1

@TedJenkler

Posted

Hi @Gingerlox,

Nice project! Here are a few suggestions for improvement:

ARIA Labels for Accessibility: Consider adding ARIA labels to enhance accessibility. This small step can make a big difference for users who rely on screen readers.

Clickable QR Codes: While not strictly necessary, I strongly recommend always linking images on QR codes so that older users or those who might struggle with scanning can simply click on the link. This improves the user experience, particularly for those less familiar with QR codes.

Extra Challenge - Custom QR Code: As an extra challenge, consider learning how to create your own custom QR code. It's a fun skill to have and something interesting to share with others!

Hope these suggestions help!

Best, Teodor

Marked as helpful

0

@Gingerlox

Posted

@TedJenkler thanks for the feedback! I will be sure to look into all of these :)

1

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