QR Code Component

This is my very first submission for Frontend Mentor. This is the QR Code Component challenge. Any feedback is welcome.

There is one area I was unsure of: I created a card and placed and centered the QR Code image inside the card, with some padding. Initially, on smaller screen sizes, the image would get off center (i.e., the padding was greater on one side). However, I managed to find a solution to this by adding media queries, and now, the QR Code image looks centered on the different screen sizes.

Still, I am unsure if the media queries approach I used to solve this was the best way to deal with this. I imagine there may be another way that would be a better approach, but right now, this is what I am unsure about. If anyone has another way of how I could have approached this, I would be happy to hear it. And of course, any other comments are welcome. Thank you!