Product preview card component

Community feedback

• 

  Elaine•11,400

  @elaineleungPosted about 2 years ago

  Hi Hibatul, congrats on completing your second project here!

  About the problem with your page right now, you firstly need to change card.html to index.html. Right now, I can see your page when I go to https://adeeb-peerboccus.github.io/perfume-card/card.html, but it is not recommended to use another name other than index.html for the main site in the directory.

  You will also need to change the paths in your HTML. For example, <link rel="stylesheet" href="/Perfume card/styles.css"> needs to be changed to <link rel="stylesheet" href="styles.css">, provided that the CSS file is in the same folder as the HTML one (and thankfully it is!). Same thing needs to be done with the images, where you need to use images/image-product-desktop.jpg instead.

  Good luck in getting this fixed!

  0

  ---

  

  Hibatul Rahman Adeeb Peerboccus•50

  @adeeb-peerboccusPosted about 2 years ago

  @elaineleung hi, thanks for the comment. tried to correct the points you listed. really appreciated it

  1
• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  Hello Hibatul,

  Your preview site is giving this error The site configured at this address does not contain the requested file. this is due a lack of settings with Github pages, some services are much more easier to setup and have the live site online, for example, you can use vercel.com or netlify.com that are really easier platforms for live sets and totally user-friendly, in a matter of 5min your live site is online. All you need to do is to connect the Github account, import the repository and deploy it. The easy one is Vercel and is the one I use for my solution.Fixing that you've to update the solution with the new link and we'll be able to see your live site and help you.

  See if works for you, happy coding

  0

  ---

  

  Hibatul Rahman Adeeb Peerboccus•50

  @adeeb-peerboccusPosted about 2 years ago

  @correlucas Hi lucas, thanks for the comment, really appreciate it, i'm still new to coding . i tried to use vercel and the link is: https://perfume-card-nx5c33wcf-adeeb-peerboccus.vercel.app/

  let me know if you can see the design

  1

  

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  @adeeb-peerboccus yeah, now it's working fine!

  Marked as helpful

  0