QR code Component

Hi Miguel 👋

Great job on your solution!

Here are some recommendations for you:

I suggest to align the content in the center

1. First of all, I would add display: flex; and flex-direction: column; inside the body tag. Flexbox provide us a better method for align items.
2. Then, add justify-content: center; aligning the items in the y-axis.
3. Lastly, add min-height: 100vh; setting the height to 100vh or more.

Code to add:

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}