- They are not responsive at all.
- They are likely to break in all sorts of email clients and you cannot test for this.
- They still need to follow data laws and I can guarantee you none of the clients do this as they think it's 'one to one'. Like sending a private email. It's not. It's marketing 99% of the time and therefore needs to adhere to the relevant data law in the country.
- Build oldschool and don't bother with any form of fluid or responsive layout choices.
- Images over background images don't work
- It will still break somewhere :)
You are left aligning the tables in order to make them for columns. When they stack they will align left as the tables are still aligned left. There are a few ways to overcome this, but the best in my opinion for a 3 column stack is via a parent table with text-align:center in the td. Then you tables inside are wrapped in divs with display:inline-block. This will column them on desktop and center stack on mobile.
Make sure to wrap it in VML for outlook so that you have a VML table around the three tables inside the parent table and in-between each div you have a VML closing td and opening td. Ending off with a VML close of the tr td and table at the end of the three tables inside the parent. Make sure the actual code between the divs (including the VML) is touching. No gaps or spaces. This will cause problems with 4px margin to the inline block divs if you don't. Do see examples of VML visit the snippet section of litmus. You may even find an elegant three column solution there.
That's a fair point, but I find the litmus tests inconsistent with the real world results in regards to OFT's. But I suppose its the best we can do with what we have.
OFT's are the devil. Have used them begrudgingly for 2 years now. They have their place with simple text based layouts and can work for more complex ones, but there are so many caveats to that.
Things to not development wise: