Can anyone point me in the direction of any good resources for figuring this out?

For example I have a grid of 4 images in an email - should layout as 2x2 on desktop, and 1x4 on mobile (stack). All looks good in all the webkit stuff, but in outlook various mis-spacing happens, some versions I get extra white space to the sides, some versions I get extra white space to the tops and bottoms, some versions a mixture of both. The extra spacing on the sides causes the fixed width to 'break' outside of the 580px limit and breaks the layout. Driving me crazy. I'm also using Zurb Ink by the way - baptism of fire!

Thanks in advance!