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

@LaurenAMolloy

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 is the first time sharing some code in public. It is also the first time I have completed a project without a tutorial or step by step guide. I am proud of attempting this project. Since I started learning JavaScript, I have neglected using HTML and CSS and just using prewritten files from my course. This challenge really helped me realise the importance of consistent practice and regular reflection.

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

This took me a while, so I suppose one challenge is not being fluent enough writing my own code and being dependent on tutorials. This is the main reason why I joined this community. Another challenge was making the site responsive. For the next challenge my goal is to not look at any of the solutions till I have submitted my own. :)

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

How could this be improved? What advice would you give moving forward to sharpen the skills used in this challenge for future challenges? What would be some skills to learn next in order to progress? There is so much to learn!

Community feedback

Tharun Raj 380

@Code-Beaker

Posted

Hi there, congratulations on completing this challenge! It's a great work you've done 🎉

Try using rem instead of using px because rem is handier in making the website responsive and it's considered more responsive.

If you wish to learn more on this topic, check out this article on why you should use rem

I hope you find this helpful!

Marked as helpful

0
P
Neelxxx 50

@Neelxxx

Posted

Great work !! :) The dimensions of the design could be improved but well done overall especially for a first time project :)

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