After writing the code in my CSS file,
/*The code I initially wrote*/
.wrapper::before {
content: "";
position: absolute;
bottom: -30%;
left: 0;
height: 100%;
width: 100%;
background: url(../img/homeTrans2.svg) no-repeat top right/ cover;
}
Remembering to save my work,
However, when I attempt to load it, my computer interprets the code as:
/*The code when interpreted by the computer*/
.wrapper::before {
content: "";
position: absolute;
bottom: -30%;
left: 0;
height: 100%;
width: 100%;
background: url(./img/homeTrans2.svg) no-repeat top right/ cover;
}
Please take note of the difference in dots in the background URL.
Why is it that I am unable to access my file?
Note: Although reorganizing my files can potentially solve the issue, I prefer to maintain a more organized folder structure.