category logos image SIZES

is this the correct way to edit the sub-cat logo\image size?

.listing.categories {
    grid-template-columns: repeat(auto-fill, minmax([b]320px[/b], 1fr));

to

.listing.categories {    grid-template-columns: repeat(auto-fill, minmax([b]150pc[/b], 1fr));

how is the main cat, logo image resized? i cannot find the code?

.thumbnail [
will change other parts of the cart, so does this need a new style element to separate the change or is there a simpler way to resize the box and image?

thanks

I see you keep creating new forum topics and I keep correcting their topics as you always put something cryptic in them. Please read the forum guidelines when creating forum topics.

Thumbnails are created in pages/category.inc.php and they are output in the view at includes/templates/default.catalog/pages/category.inc.php.

The thumbnail is responsive, meaning it tries to be as wide as possible within that row column wrapping it (col-md-4). Col-md-4 means it is reserving 4 out of 12 column counts for medium devices.
https://github.com/litecart/litecart/blob/dev/public_html/includes/templates/default.catalog/pages/category.inc.php#L20

LiteCart uses an industry standard 12-grid system similar to Bootstrap.
https://getbootstrap.com/docs/3.4/css/#grid

thanks for the reply,  sorry i am not clear on the response?

in my first post, is that the correct way to resize the sub-cat thumbnail\logos?

and in the second post, are you indicating changing (col-md-4) to resize the main-cat logo?

thanks

(i created a new post so other people looking for the same answer can find help too)

Yes, that is where you determine the subcategory image listing items width. (Those are not logotypes. We refer to them as category images.)

Yes, col-md-4 sets the column space available over which the category image stretches.