How to design the product Details additional info?

Hi all, here is my site. 

 👉ooo project

I am trying to design the additional info in the product page.

Is it possible to make the spacing between 2 img smaller in mobile?

Another question is, how to change the font size of Related Products?

Thanks for your help!!!

1 hour ago, Banny said:

Hi all, here is my site. 

 👉ooo project

I am trying to design the additional info in the product page.

Is it possible to make the spacing between 2 img smaller in mobile?

 

 

Another question is, how to change the font size of Related Products?

Thanks for your help!!!

 

 

For the smaller space of images in  the additional information on mobile display, you can try

@media only screen and (max-width: 767px) {
  .ProductItem-additional .sqs-layout .sqs-row .sqs-block-image {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

Font-size of the related products:

.ProductItem-relatedProducts .grid-main-meta .grid-title {
  font-size: 16px;
}

Add my code on Home > Design > Custom Css

Support me by pressing 👍 if this useful for you

That's very helpful! Thank you so much!!