Why is building a column grid so incomprehensibly hard and stupid after so many years of Adobe XD being on the market? Every time I start designing a site that is based on a 12-column grid I face the same problem. I set the number of columns and viewport margins, but once I start playing around with column widths or spacing, everything falls apart. And it would be enough to simply add one option: the width of the container. Setting viewport margins is completely pointless! What people who design pages are interested in is the width of the container in the first place. Having this width, we can easily set ourselves the width of the columns and stick to these values because this is the most important thing in all this. It's gotten to the point where it's virtually impossible to create a grid for a bootstrap design in Adobe Xd, because the values don't add up to the width of the established viewport. This problem is very well known in the community of people using Xd, while Adobe completely ignores it, focusing on "beautifying" the program with features that are rarely used by anyone.
Thank you for reaching out. We would suggest you, please check out this video; https://www.youtube.com/watch?v=DDyohpJCvCQ&ab_channel=BringYourOwnLaptop, which might help you.
I am also keeping the discussion open for our experts who might have more suggestions for you.
Hope it helps.