Hi, the images are not visible in your live site because in your HTML, you set the images' relative paths as /
, which represents the root directory, meaning when you deployed your files, the deployed site is trying to look for images located at https://amaar09.github.io/assets/images/icon-reaction.svg
, ignoring your Results-summary-component
folder.
On the other hand, the images were visible in your PC might be because Results-summary-component
is a root folder in your PC.
To solve this issue, try changing the paths of your images to ./
, by adding a dot before the slash, which represents current working directory, for example ./assets/images/icon-memory.svg
. This should make your deployed site look for the image files in your Results-summary-component
folder.
You can read more about HTML file paths here: HTML File Paths