Yesterday we did an email design based on best practices, but the html markup and the way the css is defined, is far from perfect. In fact, it probably won’t look right in the majority of email clients. There are a lot of things to keep in mind when building html emails. That's why, in today's episode, we're going to do a walk through the best practices for building a responsive email template.

One of the tricky things about email development is that you're constantly fighting with yourself. This is because some of the best practices for email are completely opposite to the best practices for browsers.

Some examples: using tables to build layouts, using !important when applying css, and using inline css, just to name a few. Of course, there's a reason why, and that's because there are over 90 email clients, each with their own CSS support. To ensure our message looks good, we have to take into consideration the most commonly supported features.

Tables are...