QR Code Component

I used the max-width selector for the container div to avoid it being too big on desktop. Is this a "good practice" or, since I am using flexbox, there is a better way to do it?

I used "width: 100%" to scale the image to fit inside the container. Again, since I am using flexbox, is there a better and proper way to do it (since I find it kinda redundant)