Vertical alignment not correct

Hello Tom
Works great, Thanks.
Can you help me to set the correct comments for each piece of code so in future I know what the function is of each piece?

Thanks,
Kind regards
Nico

/* Single product page ******************************************************/
/* */
@media (max-width: 768px) {
    .woocommerce #content div.product div.images, 
  	.woocommerce div.product div.images, 
    .woocommerce-page #content div.product div.images, 
    .woocommerce-page div.product div.images {
      width: 30%;
      margin-left: auto;
      margin-right: auto;
    }
}

/* */
@media (min-width: 769px) {
    .woocommerce #content div.product div.images, 
    .woocommerce div.product div.images, 
    .woocommerce-page #content div.product div.images, 
    .woocommerce-page div.product div.images {
      width: 15%;
    }
}

/* */
@media (min-width: 769px) {
  .woocommerce .woocommerce-product-gallery.woocommerce-product-gallery--with-images {
     width: 15%;
     margin-left: 20px;
     margin-right: 10%;
     display: inline;
     padding-left: 0 !important;
  }

/* */
  .woocommerce div.product .entry-summary h1.product_title.entry-title, .woocommerce div.product .entry-summary p.price {
     text-align: left;}

/* */

  .woocommerce div.product div.summary {
     float: unset !important;
     display: inline;
  }
}

/* */
.single-product-area {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* vertical align center amount and 'in basket' button */
@media (max-width: 768px) {
    .woocommerce div.product form.cart {
        display: inline-block;
    }
}

Hi Tom
I understand. Thanks for the tip en thanks for the great help. We can close this thread.

Kind regard,
Nico