Things I learned sometimes the hard way about email templates
Keep in mind that realistically the only place anyone is ever going to see a responsive version of your email is in an iPhone.
- All layout in tables no matter how many nested levels it becomes.
- Add
<tbody>
because some browsers add it themselves and you want to account for it. - The only tags you should ever bother using are
<table>
,<tbody> / <thead>
,<tr>
,<td>
,<span>
,<div>
,<img>
- ya no p tag.
- div only for stacking content vertically and accounting for presentation on the few clients that support embedded css and media queries.
- Include
alt
andwidth
andheight
on images.