Simple Static QR Code Component

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

1. I'm just learned on how to use :root in css and what it is do. so we can spesify some global variables that we can reuse in other css styling to make some cleaner code and easier style to maintain.

2. I'm using flexbox to adjust the component's position. It will also make the component responsive too.

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

nothing so far.

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

Since I haven't touch html in a while, I'm confused why the qr code container is not fully centered even when i already used a flex display to control the positioning. When I inspect the html, the container height didn't cover the rest of html area. any idea why?