.product-card {
     /*width: calc(33.33% - 15px);*/
     background: #fff;
     border: 1px solid #ddd;
     flex-direction: row;
     padding: 12px;
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
     text-align: left;
 }
 
  @media only screen and (max-width:426px) {
      .container-you {
     display: grid;
     grid-template-columns: 1fr ;
     gap: 30px;
     margin: 30px auto;
     padding: 30px 20px;
     background: #fff;
     border-radius: 10px;
 }
 .product-container {
  flex-direction: column;
 }
 .product-card {
     width: 100%;
 }
 }