Gmail App Rendering Issue Fix (Android and iOS)

Ensure email structure holds tight on Android and iOS. It is a quick fix. Add this table to the bottom of your email and adjust the min-width to match the width of your email.

Note: Thank you to Justin Khoo at Fresh Inbox for the starting place.

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td class="hidden" style="min-width:500px;">
      <div class="gmail" style="white-space:nowrap; font:15px courier; line-height:0;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div>
    </td>
  </tr>
</table>

css

<style type="text/css">
.gmail {
  width: 0 !important;
  display: none !important;
}
</style>

<style type="text/css">
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
.hidden {
  width: 0 !important;
  display: none !important;
}
}
</style>