Product Card with HTML & JS

Community feedback

• 

  hitmorecode•6,250

  @hitmorecodePosted over 1 year ago

  Congratulations well done. Just a few tips

  .card {
  display: flex;
  /*   flex-direction: row; */ /* you don't need this, because flexbox by default is set to row */
  background-color: var(--white);
  border-radius: 20px;
  overflow: hidden;
  }
  
  /* If you set your breakpoint to 645px it will look better on mobile devices. Otherwise there will be overflow */
  @media (max-width: 645px) {
  .card {
  flex-direction: column;
  }
  
  .card .preview {
  height: 240px;
  background-image: url("../images/image-product-mobile.jpg");
  }
  }
  
  

  0

  ---

  

  Erico•170

  @linericoPosted over 1 year ago

  Okay, thankyou for the input @hitmorecode

  0