@MelvinAguilar
Posted
Hello there ๐. Good job on completing the challenge !
I have some suggestions about your code that might interest you.
-
Firstly, use the
<img>
tag to display an image. Depending on the location of the.html
file, you should write the path to the image. Here are some concepts:Note: You can find more information by searching "relative path on html" on Google.
-
To display an image in the same folder as your
index.html
file, simply use./
followed by the image name.
<img src="./my-image-in-the-same-folder" alt="">
-
To display an image inside a folder, use
./
followed by the folder name and the image name separated by "/"
<img src="./my-folder-name/my-image-in-the-a-nested-folder" alt="">
- Never use the entire path of your PC, like
C:\Users\rache\OneDrive\Desktop\codechallengs,
as it won't work.
In this case, the image is named "illustration-article.svg" and is inside a folder named "images," which is within another folder named "assets."
So, if you put it all together, the path to the image would be:
<img src="./assets/images/illustration-article.svg" alt=""> <img alt="Greg Hooper's Avatar" src="./assets/images/image-avatar.webp">
-
I hope you find it useful! ๐ Above all, the solution you submitted is great!
Happy coding!
Marked as helpful