Design comparison
Solution retrospective
Could someone explain to me how to make the image visible?
Community feedback
- @SoaphubPosted over 1 year ago
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 helpful0 - @Munsif-AliPosted over 1 year ago
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 helpful0 - @NehalSahu8055Posted over 1 year ago
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 helpful0 - @RajputChirag27Posted over 1 year ago
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 GitHubJoin 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