qr code component

This is great. You can center the card using either of these methods:

Using Flexbox in the body: body { display: flex; justify-content: center; align-items: center; /* other styles */ }

Or, apply positioning styles directly to .card: .card { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* other styles */ }