Change width of sidebar and content in WordPress products page

Hi dear developers and designers,

I’ve got a problem in editing my wordpress woocommerce based template. I use the woocommerce theme named Neighborhood from ThemeForest in my website.

all I want to know is how to edit the width of Sidebar & Content ,( Shop Products or Post) the theme is full width and fully responsive, so the percentage of showing would be great not a fixed pixel.

percentage of thor ratio or whatever for example this page of my website https://aryagostarafzar.com/shop/digital-painting-pack2
you see the sidebar in the left which is about 1/3of whole width. i could change the sidebar percentage of showing by putting this code is css :

.left-sidebar {
width:20%;
}

but the content does not automatically fit the smaller sidebar and the extra space remains free and not used by content nor sidebar.

please give me a short css code to set both. thanks