It seems like I'm missing something here (just so you know, I'm totally new at this). I attempted to use fonts that are loaded on my computer for my CSS stylesheet (font file in my VSC), but no luck. I also tried using images from my files as backgrounds, with the same result - nada.
I've gone through a few different approaches, such as trying to set the background of my < body > tag using an image:
body {
background-image: url(img\tire background.jpg);
}
/* I even tried various versions just to make sure it wasn't getting lost or was too small/large*/
body {
background-image: url(..\img\tire background.jpg);
}
body {
background-image: url('..\img\tire background.jpg');
}
body {
background-image: url('img\tire background.jpg');
}
I also experimented with providing the full path:
body {
background-image: url(C:\Users\BradJen\Desktop\Big Toyz Coding Project 1\big-toyz\img\tire background.jpg);
}
(trying all sorts of quotes, formats, etc.)
Ironically, everything works fine when I link to resources online or use them directly in my HTML code. Even with the fonts! While I can import from Google Fonts without issue, any local resources give me grief. Strangely enough, I did manage to get it working once, only for the image to vanish after adding another image on top in my HTML document.
I've scoured the internet for solutions, but as a newcomer, most of the technical jargon goes straight over my head or doesn't address my specific problems. It's likely something incredibly simple and silly, but if anyone has any advice, I'd greatly appreciate it!