Frontend Mentor's QR Code Component challenge

Solution retrospective
What are you most proud of? I'm most proud of successfully completing and deploying my first responsive project using HTML and CSS. It helped me understand layout techniques, color usage, and how to structure a clean, semantic HTML document. Also, publishing it live through GitHub Pages was a great learning experience and a big confidence boost.
What would you do differently next time? Next time, I would focus more on using semantic tags like <main>, <section>, and <article> for better accessibility. I’d also improve mobile-first design and maybe try using CSS custom properties (variables) to manage colors more easily. As I learn more, I'd like to explore SCSS or utility-first CSS frameworks like Tailwind for better scalability.
What challenges did you encounter, and how did you overcome them?I struggled with making the layout responsive and deploying to GitHub Pages. I learned how to use media queries for different screen sizes and fixed a 404 error by renaming my file to index.html and placing it in the root folder. These steps helped me understand responsive design and deployment better.
What specific areas of your project would you like help with?I'd like help improving the responsiveness on different screen sizes and making my CSS more efficient. Feedback on layout, best practices, or accessibility would also be appreciated.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @emanuelm86
I've had the same problems uploading de page in Github. I'm very happy to finish this first challenge.
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