Product Preview Page

Community feedback

• 

  Marzia Jalili•8,270

  @MarziaJalili

  Posted 6 months ago

  Great job!

  Some adjestments you can make:

  • First, the reason the card doesn't apply the rounded corners to the left is because of the image.

  • Second, set the height of to 100% in larger screens to get rid of that white space.

  Take the code below as an example:

  @media (min-width: 50em) {
    .product-image {
      height: 100%;
      border-radius: 10px 0 0 10px;
    }
  }
  

  Hope it improves the design🫡

  01