Product-Review-Card

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Faraz, congratulations for your solution!

  Your solution is really good, but there are some design details you can improve.

  Here's my tips for your:

  1.Add a general border-radius to the container using border-radius: 12px and for the image border-radius: 12px 0 0 12px;

  2.The image isn't scaling correct and is losing its proportion because you've set min-height you don;t need to set the height just add display: block and the width, see the fixes below:

  img {
      display: block;
      max-width: 100%;
      /* min-height: 100%; */
      border-radius: 12px 0 0 12px;
  }
  

  Hope it helps and happy coding!

  Marked as helpful

  0

  ---

  

  Faraz_•200

  @GeekkyCoderPosted over 2 years ago

  @correlucas thank you for highlighting some fixings!

  1

  

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  @GeekkyCoder You're welcome Faraz, happy to hear that!

  0