
Solution retrospective
Since I was not aware the challenges would come with starter code and images, I created the blue background image and circles using CSS. Then, I watched every tutorial on generating QR codes with JavaScript. They mostly dealt with implementing a QRcode generator in your project; I didn't need that. So, I looked for sites that provided SVG QR codes and found QRcode Monkey. There I designed the SVG code to embed it in the project. It took me some time to figure out how to center it since none of the normal methods for center objects were working. But I finally came across some information on W3schools that taught me how to work with the x and y values for the SVG. I had never worked with them before so I learned a valuable lesson on this project.
My question is, I probably would not have learned that about SVG files if I had downloaded the starter code to begin the project. The starter code has the image that caused me the most issues with the project so if I didn't have to struggle to recreate it then I would not have learned how to do it at this time.
Why include the image in the starter code since it takes away the opportunity for a student to struggle and be resourceful to find an adequate solution?
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Jose's solution.
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