Product Preview Card Component Challenge with responsive design

Community feedback

• 

  Flaviu Dragomir•150

  @FlaviuD94Posted about 2 years ago

  Hi @whunter413,

  You could try to place the css file in the same folder as index.html, I think in this way it will run. After you did this, make a commit from your vs code then you need to go to github page change the branch to none, then save. And then you have to deploy again and in few minutes it will be back on updated. Don't forget to modify the src path for linking css file.

  Have a good day and enjoy coding!

  Marked as helpful

  2
• 

  Chris•30

  @WebDevRockPosted about 2 years ago

  Hi Will,

  Your link to your stylesheet and also to your images in the html and in the stylesheet are referencing the root directory "/" which is incorrect when you host on GitPages.

  You should fashion the links to be relative to where they're being called from so "/css/styles.css" would become "./css/styles.css"

  From there you'll notice your images won't show either so you'll need to do the same to any reference to your images bearing in mind that the image referenced in your CSS is one level up from your css folder so "background-image: url(/images/image-product-desktop.jpg);" becomes "background-image: url(../images/image-product-desktop.jpg);"

  Hope that makes sense

  Marked as helpful

  1

  ---

  

  Will H•20

  @whunter413Posted about 2 years ago

  @WebDevRock Hi Chris, thanks for the helpful criticism. I couldn't figure out why my css never loaded on gitpages. You the man.

  1