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 Component Solution - Challenge #1

@fraserjubb

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?

  • 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. 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 figure out a naming convention style that works best for me, particularly for CSS variables. Any suggestions?

  • 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
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