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

Frontend Mentor | QR code component

@subalakshmi-21

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 proud of successfully building a centered QR code component for the window. Its responsive design adapts well to different screen sizes, ensuring a consistent user experience. Next time, I would focus on optimizing the code structure for scalability and readability, possibly by using modular CSS methodologies like BEM or SMACSS.

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

One challenge was ensuring the QR code stayed centered while maintaining responsiveness. I overcame this by using flexbox and media queries to adjust the layout based on screen size, ensuring the QR code remains centered at all times.

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

I'd appreciate guidance on further optimizing the QR code component for performance, especially regarding code organization and minimizing redundancy. Additionally, tips on improving accessibility and ensuring compatibility across different browsers would be valuable in enhancing the overall quality of the project.

Community feedback

@TitaHerizo

Posted

I can't access on the site and the code

0

@subalakshmi-21

Posted

@TitaHerizo I apologize for the inconvenience. I will look into this issue.

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