After completing my project, I organized my files by creating an HTML file, a CSS file, and an "assets" folder. Within the assets folder, I added another folder named "images" where I placed a PNG image.
To link the image in my CSS file, I initially used the relative path:
body {
background: url(Spaceship/Assets/imgs/bg.jpg);
}
When this method did not display the image as expected, I tried using the absolute path:
body {
background: url(/Users/sylvaindelaplace/Documents/Code/Site/Spaceship/Assets/imgs/bg.jpg);
}
Even after trying both paths, the image still would not appear on the page. The webpage remained blank, and I encountered this issue while using Google Chrome.