Skip to content
Submitted 11 months ago

QR code using HTML and CSS

Ayomide Akinbile•50
@ayomixx
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

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.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Sabine•80
    @SabineEmden

    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! 😎

  • Azzam Al Kahil•310
    @AZZAM-K

    differ in some sizes

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