Responsive QR Component using HTML and CSS

Some few suggestions for improvement: Wrap the content in a landmark like a main tag. Have styles to center your container in the body instead of having a margin top. Have some padding on the container. Otherwise looks good!.

Hello there . i have a suggestions : To center horizontally your qr-container you give a height to the body and use the css properties display: flex and align-items: center Here is an examples

body {
height : 100vh;
display: flex;
align-items: center;
}

I hope you find it useful