JSFiddle - React, Tailwind, and code Playground

html inline email responsive masthead image

by Andrew Pougher

HTML

<table bgcolor="#FCFCFC" border="0" cellpadding="0" cellspacing="0" id="backgroundTable" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" width="100%">
  <tbody>
    <tr>
      <td style="-webkit-text-size-adjust: none;border-collapse: collapse;">
        <table align="center" border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; background: #00396f; background-image: -webkit--webkit-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, .2)), -webkit--webkit-linear-gradient(342deg, #4d5dcd 10%, #2d1245 90%); background-image: -webkit--moz-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, .2)), -webkit--moz-linear-gradient(342deg, #4d5dcd 10%, #2d1245 90%); background-image: -webkit--o-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, .2)), -webkit--o-linear-gradient(342deg, #4d5dcd 10%, #2d1245 90%); background-image: -webkit--ms-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, .2)), -webkit--ms-linear-gradient(342deg, #4d5dcd 10%, #2d1245 90%); background-image: -webkit-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, .2)), -webkit-linear-gradient(108deg, #4d5dcd 10%, #2d1245 90%); xbackground-image: -moz-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, .2)), -moz-linear-gradient(108deg, #e5e9bf 10%, #00396f 90%); xbackground-image: -ms-radial-gradient(closest-corner, rgba(16, 47, 70, 0) 60%, rgba(16, 47, 70, .2)), -ms-linear-gradient(108deg, #e5e9bf 10%, #00396f 90%);"
        width="100%">
          <tbody>
            <tr>
              <td style="-webkit-text-size-adjust: none;border-collapse: collapse;" width="100%">
                <table align="center" bgcolor="transparent" border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="border-collapse: collapse;mso-table-lspace:...