Hey FCC !
I’m currently working on the “Design a Product Landing Page” challenge. I decided to work it on in my computer using VSC instead of CodePen. The website layout uses CSS grid. I’m trying to fill two of the “containers” using the background-img property, so far no luck.
Can anyone help me figure this out?
I tried both ways thinking the path was wrong, but neither of them display the images.
I would suggest you to use relative paths because if you are working with another person on a project, the chance that he/she will have the same folder structure as you is too little.
In the example code I think there shouldn’t be 3 dots but only 2 and use
/ instead of
\. Did you try:
This should work if you have the following folder structure in your project:
- some other directory
I hope this will help. : )
seems that you are using \ when you should be using /
in my case the folder is named img rather than images
if you are going to put it up on codepen you will need to host your images. If you have a google account you can upload to your google photos right click on the image to copy the url and paste that into codepen