QR code component

The code is pretty standard but here are some things that I would suggest the following:

• Don't set a fixed width on larger elements that are guaranteed to shrink at a certain screen size. Use max-width in a fixed unit such as px or rem and a width in percentage or just w-full in tailwind. You can use max-w-72 instead paired with w-full in your code on the second nested div

• No need to add more divs unless necessary. For the first div, you could've just applied the styles directly in the body and use min-h-screen instead because if the content exceeds the height, it will still grow unlike h-screen which hides the content

• No need to declare attributes that are in the defaults already. Its useless and makes your code a bit more messier. An example is using h-auto in the img, you can just omit it and it will still work the same

• Don't add unnecessary margins. You can remove the m-2 class on your second nested div and it will make your card perfectly centered without offset.

• Don't use flex too much. Using flex to make a row of cards, center something are okay, but you can just use margins on the y axis on the paragraphs, headings, and images since the space between them are all diff