How would I add line borders between multi columns?

Store Design
,
1

Hi there! I would like to add 2 line borders between my multi columns. Currently it looks like this:

williamk0601_0-1669999844447.png
williamk0601_0-1669999844447.png1124×264 24 KB

However, I would like it to have these:

williamk0601_1-1669999858005.png
williamk0601_1-1669999858005.png1030×249 19.6 KB

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

I am comfortable with editing code, thank you!

2

@williamk0601

Add this code at the bottom Edit code > assets > theme.min.css file

@media screen and (max-width: 749px) {
	.multi-column-blocks__item.grid__item.multi-column-blocks__item--stacked {
    	border-right: 1px solid black;
	}
	.multi-column-blocks__item.grid__item.multi-column-blocks__item--stacked:last-child {
    	border: none;
	}
}

Try it and let me know