Mobile View Product Listing Spacing Issue

Hi, 

I am having trouble with the spacing on mobile view of my product listings. 

Mobile view, the products are listed to the left, one image per row. 

I have tried editing the settings for columns/rows/spacing, but nothing is happening that looks good.

Please provide site url.

https://www.blaithinmakes.com

Add this code:

@media only screen and (max-width: 767px) {
	.products .grid-item {
		width: 100% !important;
	}
}