A simple and responsive QR code component

Solution retrospective
I'm proud of completing the challenge from start to finish and applying what I’ve learned about HTML and CSS. I was able to create a clean and responsive layout that closely matches the original design. This project gave me more confidence in structuring content and using CSS to center and style elements effectively.
Next time, I would pay more attention to fine-tuning spacing and font sizes to match the design more precisely. I’d also like to explore using more modern CSS techniques, such as custom properties or utility-first frameworks like Tailwind CSS, to write cleaner and more reusable styles.
What challenges did you encounter, and how did you overcome them?During this challenge, I found deploying the project and getting images to display properly in the README a bit challenging but eventually was a learning moment.
What specific areas of your project would you like help with?I’d appreciate help with making my layout more responsive across different screen sizes. While I was able to center the component on a larger screen, I’m not entirely confident in how to scale the layout effectively for smaller devices. Any guidance on using media queries or flexible units to improve responsiveness would be really helpful.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @gabrielsf-dev
much better than what I did, I don't know what you could improve considering my beginner knowledge, it's beautiful
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