qr-code-component-main

Replace<div class="card">with the main tag and <div class="attribution"> with the footer tag to fix the accessibility issues. click here for more on web-accessibility and semantic html

Add the alt attribute alt=" " to the img tag to fix the error issue. The value of the alt attribute is the description of the image.

There is no need to give body a min-width value. To center .card on the page using grid, add place-items: center to the body.

To center .container on the page using grid:
body{
min-height: 100vh;
display: grid;
place-items: center;
}

There is no need to give .card a margin value. Add a font size of 0.9375rem to .qr-content, this will be the font-size of both p and h1.

Hope am helpful.

Well done for completing this challenge. HAPPY CODING

Thanks for the tips, guess it is better now.