Product (parfum)preview card component

Congratulations on completing this challenge. You have obviously put a lot of work into it.

To improve your page, cut your font-sizes in half. Then fix the prices. If you remove the positioning and use flexbox, the prices will fall into place. Try this:

.price {
        display: flex;
        align-items: center;
        gap: 30px;
    }
    .totale-right p{
      color: #9EA0AA;
      font-size: 1rem;
    /* font-size: 2rem; */
      font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    /* margin-top:-330px ; */
    }
    #p1{
      color: #438069;
      font-size: 2rem;
      /* font-size: 4rem; */
      /* position: relative;
      top:290px;
      left: -35px; */
      font-family: 'Times New Roman', Times, serif;
      font-weight: bolder;
    }
/* remove the p2 styles */

Hope this helps.

Hi, 👋

In your preview site I can see the image but not in your design comparison, I recommend that you update the photo so we can see your work 👌, Here are some extra recommendations:

• You can use HTML semantics in future projects. It is very useful for the browser to position your pages much better 💎.
• You can start with mobile design and then adjust the page to fit the type of resolution. You can do this by looking for resources that explain mobile-first design 📱.
• To take screenshots of your page, I recommend the following Google extension https://chromewebstore.google.com/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl?hl=es it is very good!! 📷

The only thing left to do is improve the details of the size of the fonts, and it will improve your challenge a lot, otherwise a very good attempt.🙌.