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 using HTML and CSS

@ayomixx

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'm proud of the fact that i was able to replicate the QR code design in less than one hour, which made me notice that my speed is a little faster than before.

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

The only major challenge I encountered was how to make the text appear like it's fading or disappearing, and i was able to overcome it by learning about the Opacity property in CSS.

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

This project was pretty simple, so I don't think I need help with any specific area of the project.

Community feedback

Sabine 40

@SabineEmden

Posted

Hello there! 👋 Good job on completing the challenge.

What you call "make the text appear like it's fading or disappearing" is simply a grey text color. If you look in the style guide that came with the starter code, it lists Light gray: hsl(212, 45%, 89%) as one of the colors for the project.

Nevertheless, the opacity property is a good thing to have in your tool box!

I hope this helps. Let me know if you have any questions.

Happy coding! 😎

0

@ayomixx

Posted

@SabineEmden Thank you so much. I really appreciate your support with my challenge. And thanks for also pointing to my attention, the light gray color property of the text. I'll let you know if I have any more questions. Thank you!

0
AZZAM-K 270

@AZZAM-K

Posted

differ in some sizes

0

@ayomixx

Posted

@AZZAM-K It does? Wow, I didn't know that. I'll check it out and adjust it Thank you for your observation!

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