Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Not Found

Submitted

QRcode components

Ecyla 20

@ecy16

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Could someone explain to me how to make the image visible?

Community feedback

Ambadi M P 380

@Soaphub

Posted

Hello Ecyla, I reviewed your git hub repository for the project QR-code-image. There was no image folder with an image file, hence the image was not visible. You could do the following steps to get the image.

  • Add an image folder to the project and move the image file given by the frontend Mentor into it.
  • Then change the src attribute of the image tag to "image/image-qr-code.jpg".

Marked as helpful

0
Munsif Ali 200

@Munsif-Ali

Posted

I look at the code of your solution and found that there is no image in the repository make a folder in your repo and place the image in it and use img tag in html to load the image in your design like this:

<img src="./images/image_name.png" 
alt="description of the image if image isn't load correctly this text will be displayed">

Marked as helpful

0
_nehal💎 6,710

@NehalSahu8055

Posted

Congratulations for coding!

Use img tag with correct image address, you did not mention the address of the image, it should be like this images/image-name.extension. and note that folder should be there in your github.

For reference read this: https://www.w3schools.com/tags/att_img_src.asp

Hope it helps,

Marked as helpful

0

@RajputChirag27

Posted

You have to upload the image folder to github. Then the image will appear too.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord