QR code component design with HTML and CSS

In the html replace <div class="container"> with the main tag and the <h4></h4> with <h1></h1> To center a content on a page, replace height:100vh with min-height-100vh; Give the img a max-width value of 100% instead of giving it a height and width value. There is no need to give the body a width value of 100% and a height of 100vh in the media query. In the media query give the body a width 80% or 90%. this will be okay You did not upload the qr-image to the GitHub-repository. You did a good job. Hope am helpful. HAPPY CODING