Design comparison
Solution retrospective
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
- @SabineEmdenPosted 3 months ago
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@ayomixxPosted 3 months ago@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-KPosted 3 months ago
differ in some sizes
0@ayomixxPosted 3 months ago@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
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