There are two SVG images in the root directory of my project.
‘logo-dark-mode.svg’
‘logo-light-mode.svg’
I have correctly linked the two images in the html file but in the developer tools when I hover on the links it shows a tooltip with an absolute path with the image being contained in the css folder in the root directory which is empty. What could be the problem?
Here is the code that I used. The filenames are correct. It was working perfectly a couple of days ago. But today without any changes the background images do not display.
div class=”h-14 w-44 bg-[url(‘logo-light-mode.svg’)] bg-cover bg-no-repeat dark:bg-[url(‘logo-dark-mode.svg’)]”>
Tayyab Akram is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.