product preview card using HTML and CSS

Community feedback

• 

  Adeola Ganiu•1,320

  @DeolabestPosted about 2 years ago

  Hey @, Congratulations on completing this challenge!

  Here is my feedback:

  I'll suggest you add margin to the top of the discount to match the project's task.

  .product-wrapper .product-info .price span { color: var(--dark-grayish-blue); font-size: 1rem; text-decoration: line-through; vertical-align: super; margin-top: 12px; }

  Keep doing a good job!

  Marked as helpful

  1

  ---

  

  Ahmed•400

  @AhmedLebdaPosted about 2 years ago

  @Deolabest Thank you very much for your feedback

  0
• 

  Abhijit Shankhdhar•320

  @im-abhijitPosted about 2 years ago

  hi @@AhmedLebda, congrats on completing this one

  test your code on width less than 500px , what is happening is your image height is not matching the height of your description box which is looking bad

  else everything is looking pretty

  you can have a look at my soln to check how i did https://github.com/im-abhijit/product-preview-card-component

  Marked as helpful

  1

  ---

  

  Ahmed•400

  @AhmedLebdaPosted about 2 years ago

  @im-abhijit Thank you very much for your feedback, Adjusting the picture was quite a challenge for me I will try to improve it

  0