A product preview card made using CSS and HTML

👾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!