QR code component solution

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

I am trying to master flexbox so I am proud of being able to center the component perfectly in the middle. I am struggling with CSS and want to practice and master it, and this exercises will really help me.

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

Having to keep it centered while decreasing screen size. I wrapped my component in two elements.

.container - to center it vertically using display flex. .row - to center it horizontally using margin 0 auto.

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

I probably will need tips with writing cleaner CSS. I feel like some of my styles are not necessary and I can make my css shorter.