How to spread items within multi column section?

Store Design
,
1

Hi there! Currently my 3 items within my multi column section are a bit too close together. It looks like this right now:

williamk0601_0-1670003558104.png
williamk0601_0-1670003558104.png1291×287 24.9 KB

However, I would like it to have more spacing like so:

williamk0601_1-1670003576651.png
williamk0601_1-1670003576651.png1016×219 18.4 KB

What is the proper CSS to increase the spacing evenly between all 3 items? I am comfortable with editing code!

The link to the preview is here: https://b50vcq6bm9o4mjwh-55086776342.shopifypreview.com

2

@williamk0601 , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.min.css or base.css and paste this at the bottom of the file:
@media (min-width: 750px){
.multi-column-blocks{
    grid-column-gap: 0px !important;
}

.multi-column-blocks__item.grid__item.multi-column-blocks__item--stacked{
    padding: 0 40px !important;
}
}

You can change the 40px value to anything you wish. The greater this value is, the larger the gap will be.

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego