App store buttons

Enabling members to easily access our app

How we design them

The two buttons sit side by side on small and larger screens
Since SVG images are not available in email, we stick to the use of .png format

How they look

320 x 568

View code

    <tr>
  <td style="padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; margin: auto; text-align: center; background-color: #FFFFFF; color: #000000; overflow: hidden;" align="center" bgcolor="#FFFFFF">
    <table style="margin: auto; overflow: hidden;">
      <tr>
        <td style="padding-right: 4px; overflow: hidden;"><a href="#" style="text-decoration: none;"><img width="162" class="gg-e-button--app" src="images/app-store.png" alt="Download on the app store" style="display: block; height: 100%; max-height: 54px; width: 100%; max-width: 162px;"></a></td>
        <td style="padding-left: 4px; overflow: hidden;"><a href="#" style="text-decoration: none;"><img width="182" class="gg-e-button--app" src="images/google-play.png" alt="Get it on Google play" style="display: block; height: 100%; max-height: 54px; width: 100%; max-width: 182px;"></a></td>
      </tr>
    </table>
  </td>
</tr>