CSS: How to have grid respect margins when accounting for gap space?

Question

I have a basic grid where the 2 columns should be taking up 50% each but it looks like the gap is throwing this off. How would I account for that and maintain body