Skip to content
Submitted 2 months ago

QR Code Component Solution - Challenge #1

Fraser Jubb•70
@fraserjubb
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?
  • This was my first Frontend Mentor challenge! Feels great finally reaching this stage in my learning journey.
  • This project also finally made me sit down and look at Markdown syntax. This meant that I finally created my own README on my GitHub profile too. Another useful step!
What challenges did you encounter, and how did you overcome them?

  • I wanted to add the focus/challenge of using CSS variables as I had never used them before up until this point. Even though they are a little redundant on a smaller project, this felt like a great opportunity to learn it. I now have a much better understanding of how they work and can see their benefits on larger projects.

  • This was my first project that involved using a Figma file for reference. It was a little overwhelming at first but I have managed to grasp the basics of navigation, this became easier the longer I used it.

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

  • I would like to increase my understanding of Figma, particularly navigation. This will likely come through further practice in future projects. If anyone has any learning resources to help aid this I would appreciate it.

  • Any issues with my code or other feedback would be much appreciated!

Community feedback

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