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;
    }
}

Unfortunately, this kind of thing is out of the scope of our support forum. However, you should be able to comment out the CSS to see what each block does and add comments as necessary.

Thanks!

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

Kind regard,
Nico

Glad I could help ??