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

QRCodeComponent

@MasonScottHorne

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 am most proud of my work, if I had to do this project over again I would try to not use ChatGPT as much.

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

I came into some challenges with the styling.

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

None

Community feedback

@Antonio-Riccelli

Posted

This looks good! I completely empathise with the struggles regarding styling. It never turns out to be as simple as you initially thought it would.

The code looks good as well! Some suggestions:

HTML

  • Consider using semantic tags (e.g., <main> instead of <div>s), this is very important for accessibility, but it will also make your code more readable and debuggable.
  • Consider adding an actual value for the alt property of your <img> tag.

CSS

  • This is just about experimenting a different approach. You could consider assigning colors to variables. Check this for a better explanation: MDN In small challenges, it won't make much of a difference, but it will come in handy in larger projects.
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