Product Perview Card Component

HI Doaa,

Congratulations 🎉 for completing this challenge, your card looks great. The card is responsive. Some suggestions include:

1. I would suggest using the mobile-first approach instead of the desktop-first approach as it is better for responsiveness and can help you rearrange/change the elements within your body easier.
2. For your button, you can use the cursor property and set it to pointer to make it look like a button.
3. To center the card in the center, you should use the flex property on the body which you can then remove the margin property e.g.

body {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

Overall, your card looks great, and I wish you the best for your future projects so keep coding 👍.