HTML Markup with CSS Flexbox and variables for colours

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

I am proud of the fact that I was able to complete this challenge within a day. I had to take a break from web development for personal reasons. Jumping back into the workflow, I am somewhat "rusty"; however, there were many HTML and CSS practices that I was familiar with and recognized immediately.

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

I am proud of the fact that I was able to overcome the image exploding from the container roadblock. In addition, I was able to reduce the qr code component to a reasonable size relative to the entire entir viewport.

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

Any suggestions for general HTML and CSS improvements are welcome. I am always looking to make my markup more efficient.

I am seeking feedback on how I can make further improvements to refine the design, styling and possibly adding features in the future to make the component more useful.

I am also open to adding animations and states to make the component more dynamic.