Grid, Flex, mobile-first

The code is nice, using CSS variables and responsive design effectively imo. However, you should consider using the letter-spacing property on "perfume" to achieve the same effect as in the original design. it should be something like this

.product-type{
letter-spacing: 3px;
}

other than that I don't think I can give any other advice.

Hi there!

Congrats on completing the challenge! ✅

Your project looks amazing!

I'd like to suggest a fix for a little problem u have :

U could try using the CSS letter-spacing:; property to add spacing between the letters of the "Perfume" paragraph to give the required outcome.

Here's a highly efficient approach:

📌 Apply this CSS to your paragraph with the .product-type class:

.product-type{
  letter-spacing: 5px;
}

The letter-spacing: 5px; property gives 5px of spacing between each letter, Thus giving you the desired outcome.

Hope you find this helpful

Happy coding!