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 Card

AyeDin333 10

@AyeDin333

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?

The aspect I was most proud of in this project is the sizing and placement of elements to resemble the design example.

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

I was having trouble placing the elements in the correct place, after a little while playing around I figured out how to position the elements correctly.

Community feedback

Grimm-N 150

@Grimm-N

Posted

@AyeDin333

Great job on the project! 🎉 You’ve done an excellent job bringing your design to life.

If you’re up for a challenge, you might want to try recreating a similar design to see how closely you can match it. It’s a fantastic way to gauge your skills and explore your design capabilities further. 💪

I really like the structure of your code—it’s clear and organized. 👍 However, for smaller elements, you might want to simplify the code a bit. It could make maintenance easier and keep things neat.

Additionally, for better responsiveness, consider using units like %, rem, and em. These units help ensure your design adapts smoothly across different screen sizes and resolutions. 📱💻

Keep up the great work and keep pushing your boundaries! You’re doing fantastic! 🚀

1

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