I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!
Step 1: Go to Admin → Online store → Theme > Edit code:
Step 2: Search for the file theme.css. And add this code snippet to the end of the file.
.collection__products,.featured-collection-grid__products {
column-gap: 5px !important;
}
IN this step, you can change the value of column-gap smaller or higher as you want.
Step 3: Save and reload home page.
=>> The result:
Product page:
Home page:
I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.
Have a nice day sir!