Image Page product Detail

[dayconti1]

Hello,
Please I need help

In one of the queries I asked him to help me to resize the image area in (Page description of the product) and the description column.

They told me to put the following cod css:
.woocommerce div.product div.summary{width: 30%; }
.woocommerce div.product div.images {width: 60%;}
.woocommerce div.images div.product {width: 60%;}
Works perfectly on the desktop, have the widest picture and the description column closer, however when in tablet screen or mobile responsive crashes with this code and is like the pictures:

Where can I change to make it perfect?

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

It needs media query, use this instead:

@media only screen and (max-width: 769px) { 
.woocommerce div.product div.summary{width: 30%; }
.woocommerce div.product div.images {width: 60%;}
.woocommerce div.images div.product {width: 60%;}
}

– Kyle

[dayconti1]

Thanks so much for your help,
just an observation for possible consultations,
would min-width for failing to appear in the cell.

[Kyle – SUPPORT]

Sorry, should be min width

– Kyle