QR Code

Hope you are doing good. I would suggest you these few quick fixes on your component site.

• In your .container you don't need that much of margin you can do is to simplify that property to margin: 0 auto

• Then add these properties height: 100vh; display: flex; flex-direction: column; justify-content: center; to your body css, which will center your component.

• In .qr-text simplify padding: 1rem;

• In your .qr-text__p add max-width: 25ch;