JSFiddle - React, Tailwind, and code Playground

by Jordan Sayner

HTML

<div style="background-color: #ffffff;padding:0 16px;">

    <!-- start body -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%">

        <!-- start logo -->
        <tr>
            <td align="center" bgcolor="#24272a">
              
<div style="background-color:#24272a;">
  <!--[if gte mso 9]>
  <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
    <v:fill type="tile" src="https://www.16i.co.uk/images/email/hero-image.jpg" color="#24272a"/>
  </v:background>
  <![endif]-->
  <table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td valign="top" align="center" background="https://www.16i.co.uk/images/email/hero-image.jpg" style="background-size: cover;"> 
              
              
                <!--[if (gte mso 9)|(IE)]>
                <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
                <tr>
                <td align="center" valign="top" width="600">
                <![endif]-->
                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
                    <tr>
                        <td valign="top" style="padding: 36px 24px;">
                          
                          
                            <a href=":SiteAddress" target="_blank" style="display: inline-block; font-size: 32px; font-weight: 700; line-height: 48px; color: #616161; text-decoration: none;font-family: Arial, sans-serif;">
                                <img src="https://www.16i.co.uk/images/email/16i-logo.png" width="80" height="54" alt="" />
                            </a>
                          
                          
                        </td>
                    </tr>
                </table>
                <!--[if (gte mso 9)|(IE)]>
                </td>
                </tr>
                </table>
                <![endif]-->
        
      </td>
    </tr>
  </table>
</div>
        
        
  ...