Space Between Modules

[SlimSr2003]

Hi,

I thought this had been asked previously but I cant seem to find it. I have a LP that I built a drag and drop template for. Here is the LP: http://info.yeshealth.com/test-page

There is a gap in the middle (gutter?) of all the side by side modules. I would like the images to touch in the corners from one row to another. 

I'm sure it is a margin issue in the module CSS but I don't know where to find it to fix it.

Any help would be appreciated.

Secondarly, if I wanted to control how the modules stack on mobile what kind of code am I looking at. Is there a how to on this somewhere?

Thanks

Scott

[webdew]

Hi @SlimSr2003 ,

Please Add this code in your main CSS File. It will fix your gutter issue:

body.hs-page {
margin: 0;
}

Hope this helps!

If we were able to answer your query, kindly help the community by marking it as a solution.

Thanks and Regards. 

[SlimSr2003]

Hi webdew,

Thanks for the information. I put that code in my css and it hasn't corrected the issue. Here is the page I am talking about: https://info.yeshealth.com/hta 

Any other thoughts?

Thanks

Scott

[Ntbrown]

Grid system. Not module. Although I do see an extra one not being used causing a gap. Swapping stacking direction on mobile... Flexbox. Swap the order.