QR Code Component with CSS Flexbox

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

I am proud of positioning the elements correctly and figuring out flexbox, margin, and align-items. I think I need to create an HTML markup and CSS template for positioning elements with an understandable note so I can solve similar problems more quickly next time.

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

I struggled mostly with centering the elements. I searched the internet for how to do it and had to go through trials and errors.

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

How can I improve my code, especially on the elements where I use fixed size (the card and the image)? Do you know a better way to do it? Also, my explanations on how to center elements, are they clear enough or need some corrections?