QR Code Component Solution - updated 6/21/24

What are you most proud of, and what would you do differently next time?

6/21/24 - I've updated my solution based on feedback from members. I hope I updated my solution the correct way here... Anyway, I had problems with positioning the 'attribution' text below the flex container without affecting the positioning. I still had issues with positioning the flexbox container on the screen - justify-content and align-items weren't working - but I found this article about using 'margin: auto' and that worked. Wish I knew why justify- and align- didn't work on the flex container but worked on the internal flex items.

This was a good challenge for me after watching several beginner courses on YouTube. I struggled a bit but felt that I learned a lot about troubleshooting html and css issues.

Next steps: read through the MDN docs and watch a few more courses, then tackle the next challenge.

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

I encountered issues with sizing the elements in CSS.

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

I'd appreciate it if a more experienced dev can give me feedback on my html and css structure and what I could've done differently.