A product preview card made using CSS and HTML

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Mouhibeddine, congratulations for your solution!

  Answering your question:

  1.Your images are not displaying due the fact you didn't add the dot . before the folder, when you use your repository as local, your computer recognize the folders, but the same thing doesn't happen in the live site.

  So make sure you indicate correctly the location of your assets see how it should be written bellow:

  .p-img { background: url(./imgpro.jpg); }

  Note: ./imgpro.jpg

  Use one dot for one folder ./ and two dots if is a sub folder ../

  2.About your font sizes I didnt a inspection with dev tools and the fonts are changing, pay attention that the fonts are being managed using id not class so this is some you might know. Use id as a specific selector for forms and class for styling.

  Here's the id you've used for the h1, for example:\

  #title {
      font-family: 'Fraunces';
      font-size: 40px;
      margin-top: 30px;
      line-height: 37px;
      color: hsl(212, 21%, 14%);
  }```
  
  Hope it helps, happy coding!
  

  Marked as helpful

  3