QR Code component using flexbox, border radius,

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

I am most proud of completing this challenge as it was my first challenge.

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

Most things turned out the way I wanted. There were a few things that had me doing a trial an error.

1. Having the attribution behind the QR code. I kept switching between flex and grid display. In the end I stuck with flex and used position: absolute so the attribution appears at the very bottom of the screen.
2. The font url that was in the style guide didn't work. I tried using @font-family too, but nothing seemed to work. In the end I searched the font, and copied and pasted the code from google fonts and pasted it into my html. That seemed to do the trick.

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

If there are any suggestions to cut down or change my code, I would appreciate it. Or if there are better ways to code certain formats in CSS for example. Tips/tricks developers would use.