Centered QR component using css flexbox

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

I'm not particularly proud of any particular section of my code as I'm still far away from being proficient enough to be confident in css. But I hope that for the upcoming projects, my code will be clean and concise enough

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

The real challenges that I encounter was when I tried to combine margin and padding around the element in order to get the correct result. There is also git and github, topics I haven't touched upon before

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

Writing better and cleaner css code as to avoid repeated element calls