qr code html and css

Hi, @Ariyoola45 👋. Congratulations on completing this challenge, here are some suggestions to improve your code:

• The stylesheet and img references should be this:

<link rel="stylesheet" href="css/styles.css">
<img src="img/image-qr-code.png" alt="qr code">

respectively.

• Your <section class="step1"></section> should be a <main></main> tag according to markup rules, hence it shows that its child elements are the main contents of the page.
• And you can center that same card by adding this to your code:

.step1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

I hope this helps

Happy Coding @Ariyoola45