product preview card using html and css

Community feedback

• 

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  Hi @frankbush-cloud,

  Congrats on completing the challenge

  On the body rule remove the max-width: 1440px and remove the height: 100vh. Add a min-height: 100vh.

  for mobile you can add the following media query.

  @media (max-width: 640px) {
  .container {
      display: block;
  }
  
  .product-img {
      border-radius: 0;
      width: 100%;
      height: 300px;
      object-fit: cover;
  }
  }
  

  Hope this is helpful.

  0