Product Perview Card Component

Community feedback

• 

  romila•3,570

  @romila2003Posted about 2 years ago

  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 👍.

  Marked as helpful

  1

  ---

  

  Doaa Ali•220

  @doaaaliahmedPosted about 2 years ago

  Thanks romila for your feedback. It was very helpful,

  1