Quick bootstrap 4 help - adding gutter between columns

I am simply trying to add a 7 pixel gutter between the left and right column. I’d like the page to look symmetrical, so that the horizontal 7px gaps match a 7px gutter in the middle:


No matter what I do with margins, something gets messed up somewhere else, or it looks ok in wide screen, but when screen is shrunk for mobile something gets messed up.

Thanks for your thoughts!

Never mind, worked it out – wrapped one of the columns in an extra div and gave THAT div a left margin.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.