Hello! I have been implementing a responsive email technique, and wanted to share with the community to get feedback.

Although we can no longer manipulate <td> elements in common Android devices, due to last year’s operating system update, we can alter the display style of <th> elements. Using <th>, to house our content in place of <td>, we can maintain HTML email coding procedure and overall structure.

Additional inline and embedded CSS is required to override the default browser and email client styles, such as font weight and text alignment. Also, we have to take AOL’s recent update into consideration and nest stacked content within a table.

Selective use of <th> offers a solution that is simple to implement into new projects and eases the process of upgrading out-of-date HTML.

  <style>
    table th { margin:0 !important; padding:0 !important; vertical-align:top; font-weight:normal; }
     @media only screen and (max-width: 640px) {
      *[class].block { display:block !important; }
     }
  </style>


  <table>
   <tr>
    <th class="block">The left column becomes the top row</th>
    <th class="block">The middle column becomes the middle row</th>
    <th class="block">The right column becomes the bottom row</th>
   </tr>
  </table>