QR Code Component using CSS Flexbox

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

I completed this challenge within an hour. Usually when working with Flexbox it takes a little longer as I am still new to both CSS Flexbox and Grid. Using a cheat sheet and Stack Overflow I was able to figure out where I went wrong relatively quickly.

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

The main issue I faced was positioning the body in the centre of the screen. I always forget about setting the position in CSS, and this is what took the longest to figure out. Once I did, the solution was obvious.

However, when setting the body to position: fixed;, the footer appeared at the top of the screen. I fixed this simply by setting the footer to position: fixed; as well, and the problem was fixed.