QR code component using html and css

Sounds funny but i learnt how to center a div to the middle of the page after multiple attempts.

My major challenge was centering the div i didn't know i had to specify a height for the body so the content inside could get centered. Initially i tried setting height and width of the body to 100% then i went on youtube and saw some solutions so i changed the height to 100vh and left the width. The QR-code image also gave me issues as i was trying to shrink it with percentages thinking it would shrink relative to the div it was inside but the image kept leaving its container so i manually corrected it.