QR code component using Flexbox

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

I'm proud of how quickly I did this, in comparison to the other practice projects I've done. The page is also somewhat responsive, and unfortunately I'm not entirely sure why but I think its a step forward and in the right direction. Next time I do want to do less "hard-coding". It shows some gaps in knowledge.

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

Aligning the QR code's content was definitely not so easy for me, I got a little frustrated as I had already mapped out how I would go about the solution. I started over with just my base styles and decided to take things slow, I realized my mistake was adding a div container to cover the body of the page.

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

I find manipulating widths of a bunch of texts difficult; I want to learn how to override the default <p> behaviour from filling it's container width to having a width based in the content in it. Simply I want my text to be able to wrap down instead of spreading out as far as possible.