Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Product review card

Fab29012 60

@Fab29012

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Please don't hesitate to leave a comment on how I may improve !

Community feedback

@Aphelion-im

Posted

Alas, I only see the HTML skeleton of your project and not the styling.

Your CSS stylesheet (And some other files) is not properly connected in your .html file.

It should be something like this:

 <link rel="stylesheet" href="./stylesproduct.css">

This is called a relative path. Read more about it here: HTML File Paths

You were referencing the file from outside your project directory like: /Users/fabiennehalloin/Desktop/HTMLChallenges/product-preview-card-component-main/stylesproduct.css

Stay within your project directory while referencing files.

0

@daniel-barda

Posted

Hi,

The design is not displayed correctly, and this is because you specified the path incorrectly.

"/Users/fabiennehalloin/Desktop/HTML Challenges/product-preview-card-component-main/stylesproduct.css"

The correct path should be stylesproduct.css.

In addition, please note that you are also using an incorrect path for the icon.

Also, make sure you have uploaded the images to your specific project on GitHub.

Since you have yet to do so, users cannot load the images on the website.

Good Luck with That ! 😊

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord