We use cookies to make HubSpot's community a better place. Cookies help to provide a more personalized experience and relevant advertising for you, and web analytics for us. To learn more, and to see a full list of cookies we use, check out our Cookie Policy (baked goods not included).
May 10, 2021 10:00 AM
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
May 11, 2021 4:30 AM
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.
Jun 30, 2021 9:44 AM
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
May 10, 2021 11:30 AM
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.