Tables Nesting in Outlook
I have four rows of tables, which align on the left. In Outlook (2000-2010, 2013), each row has an additional 10px margin on the left and right, giving a nesting effect.
It should look like this (it works in all email clients including Outlook 2011 and 2016:
I've created a hack by adding 10, 20, 30, and 40 pixels to rows, working from the bottom up. It's not an ideal solution because it ultimately creates 40px margins (and greatly reducing the width of the email).
This is based on Nicole Merlin's great article and example, Creating a Future-Proof Responsive Email Without Media Queries.
Code + Previews: https://litmus.com/builder/ee1d039
Thanks for any ideas you can offer!