@Hassiai
Posted
Replace<div class="container">with the main tag,<h2> with <h1> and <div class="attribution"> with the footer tag to fix the accessibility issues. click here for more on web-accessibility and semantic html
To center .card on the page using grid, replace the height in the body with min-height:100vh
For a responsive content and to avoid the qr-code covering the entering screen with screen-size 375px, replace the width of .card with max-width or you can reduce the value for it to match the width of the design.
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
@rafaelmarquesRM
Posted
@Hassiai Thanks for helping me! I really had forgotten about semantic tags.