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 Solution

@sliyarli

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


  1. Difficulty and Challenges:

    • What aspects of the project do you think might be challenging for newcomers like me?
    • Were there any particular parts of the project that you found difficult to tackle?
  2. Code Review:

    • I'd appreciate any feedback on my approach to responsive design using Flexbox and CSS Grid. Are there better ways to achieve the layout?
    • Could you please review my use of custom properties (CSS variables) for color and font styling? Are there any improvements I could make?
  3. Best Practices:

    • Do you have any suggestions for improving the accessibility of the QR code component?
    • Are there any best practices I should be following that I might have missed?
  4. Learning Opportunities:

    • Do you have any recommendations for resources or tutorials that could help me deepen my understanding of responsive design and CSS techniques?
    • Are there any concepts or techniques you've noticed that I could learn more about to enhance my future projects?
  5. Future Improvements:

    • While working on this project, I was trying to balance aesthetics and functionality. Do you have suggestions on how I can further refine this balance?
    • Are there any specific features or enhancements you think would add value to the QR code component?
  6. Continued Development:

    • In the context of future projects, how can I enhance my workflow to become more efficient and organized in my development process?
  7. Feedback on Documentation:

    • I've documented my process and learnings in this README. Is there anything else you would recommend adding or modifying for clarity?

Thank you all for taking the time to review my project and provide feedback. Your insights are highly valuable to me as I continue to grow as a front-end developer!

Community feedback

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