QR code

The image element is not displaying and the only issue is that you forgot a . at the beginning of the img's src and to fix this issues change the image's src to src="./images/image-qr-code.png".

And also to center your .container perfectly inside the body element copy these lines of code to you CSS file:

body {
    width: 100%;
    min-width: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

Hello there!

Congrats on completing the challenge! ✅

Your solution looks great!

I have one suggestion:

• When using the tag <img>, make sure to set the correct path, otherwise your code won't be able to find the image. And if your code can't find it, it won't show.

📌 This is your code:

<img src="/images/image-qr-code.png" alt="Image of QR code">

📌 And here's the update with the correct path:

<img src="./images/image-qr-code.png" alt="Image of QR code">

The difference is just a dot but it's enough to prevent your image from showing.

I hope it helps!

Other than that, great job!