QR Code Component(HTML, CSS)

So this was my first project I started with FEM, so me and this one go way back. I was new to really working optimizing web pages- I knew about media queries, I just wasn't used to working with them, so this took a lot of figuring out for me. I didn't even figure out how to modify it for the desktop view, so I just kind of sought assistance from an AI, and learned... never go to an AI to help you write your code, because it way overcomplicated the code that I was writing, and basically I was using a lot of clamps and the calc function to center things. So eventually I just kind of had to rewrite a lot of the CSS entirely. I also used relative instead of absolute positioning for the text elements unlike what I've been doing, which has made things a little bit easier and cleaned things up a little bit. And I'm mostly satisfied with how this came out. If anything I just think the text is a little bit too close to the bottom of the container. So if you have any feedback and suggestions on how I can improve on this one, or improve in the future, I'm open to it!