QR code using CSS grid system

Hey, @nco0305! I noticed a few errors in your code that you can improve:

• Make sure to add <img src="./Images/image-qr-code.png" ...>. This tells GitHub to look for a folder named "Images" in the root directory and pull out the image named "image-qr-code.png" (the period(dot) is important).

• The box-shadow: 15px; declaration is invalid. Try something like box-shadow: 15px 15px 0 0 blue;. The box-shadow property requires values for offset, blur radius, spread radius, and color; you haven’t set values for all of them.

• padding: 0, 40px, 40px, 40px; is invalid due to the commas. Replace the commas with spaces, like this: padding: 0 40px 40px 40px;. Remember, padding values follow the order: top, right, bottom, left.

• When using margin: 0%;, you can simply write margin: 0;. The browser will understand, and this helps save some time.

Everything else looks perfectly structured. Great job!

I hope you find this helpful.

Hello, the QR image is not displaying because web servers are usually case sensitive. Currently, you are using a lowercase “i” in the image font:

However, the repository folder is named Images with an uppercase “I”. To fix the problem, you can either rename the folder to images or update the image source path in your code to:

This should solve the problem.

It seems the issue with the image not showing up is the the path:

In index.html:

<img src="images/image-qr-code.png" alt="QR Code" width="280" height="280">

It should be :

<img src="Images/image-qr-code.png" alt="QR Code" width="280" height="280">

since the name of the correspondant folder is 'Images' with a capital I

When I preview your site, the qr picture does not show up.