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

Neto 170

@deusdeteneto

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?

I’m most proud of how I managed to center the QR code component and ensure its responsiveness across different devices. Additionally, using Bootstrap’s utility classes made the styling process much easier. Next time, I would invest more time in customizing the styles, exploring more pure CSS, and possibly incorporating CSS Grid for a more complex layout of the elements.

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

I would like help in improving the accessibility of the project. I’m looking for guidance on how to make the component more accessible for users who rely on screen readers and other assistive technologies. Additionally, I’m interested in suggestions on how to further optimize the CSS code, whether in terms of organization, use of variables, or implementing best practices that I might have missed.

Community feedback

@AtharvShelke4622

Posted

Yes the solution includes semantic tags which are quite helpful.Styling helps to create eye-catching designs.Looking forward to the javascript.

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