Gmail app responsiveness issue with HubSpot email template

Other Questions HubSpot
1 
Hey folks, I'm stuck with a HubSpot email template problem. The template looks fine in most email clients, but it's acting up in the Gmail app on Android.

Here's a snippet of my code:

<table class="main-content">
  <tr>
    <td class="image-column">
      <img src="{{ content.banner_image }}" width="300" height="250" alt="Banner">
    </td>
    <td class="text-column" style="background-color: #3A7BDB;">
      <h2>{{ content.header }}</h2>
      <hr>
      {{ content.description }}
      {{ content.button }}
    </td>
  </tr>
</table>

It's supposed to show an image on the left and text on the right. Works great on iOS and Outlook, but on Android Gmail, it's all messed up. Any ideas how to fix this? I really want it to look the same across all devices. Help would be awesome!
2

hey there! i’ve seen this issue before. Gmail app can be tricky. try using inline styles instead of classes. also, set widths for both columns and use align=“left” on the image. might help:

Banner

hope that helps!