JSFiddle - React, Tailwind, and code Playground

by Ian Roberts

HTML

<table class="mktoModule email-container" id="event" mktoName="Event" border="0" width="600" cellspacing="0" cellpadding="0">
            <tr height="12" style="height:12px;"></tr>
            <tr>
              <td width="2%" style="width:2%;"></td>
              <td width="96%" style="width:96%;box-shadow:0px 3px 6px 0px #23282B;box-shadow:0px 3px 6px 0px rgba(35,40,43,.3);">
                <table>
                  <tr>
                    <td width="110" bgcolor="#008CC3" style="width:110px;background:#008CC3;background-color:#008CC3;">
                      <table style="border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td style="font-size: 18px; font-family: 'Gotham B',  Helvetica, Arial, sans-serif; color: #ffffff;padding-top:20px;" align="center" valign="middle" bgcolor="008CC3" height="18" width="110">${eventMonth}</td>
                        </tr>
                        <tr>
                          <td style="font-size: 42px; font-family: 'Gotham B',  Helvetica, Arial, sans-serif; color: #ffffff;" align="center" valign="middle" bgcolor="008CC3" height="70" width="110">${eventDate}</td>
                        </tr>
                      </table>
                    </td>
                    <td bgcolor="#ffffff" style="background:#ffffff;background-color:#ffffff;">
                      <table class="articleContainer mobileArticleContainer" border="0" cellspacing="0" cellpadding="0" align="left" style="margin-left:12px;">
                        <tr>
                          <td class="articleTeaserHero" style="line-height: 120%; font-family: 'Gotham B',  Helvetica, Arial, sans-serif; font-size: 15px; color: #ffffff; padding-right: 15px;" align="left" valign="middle" width="450">
                            <h1 class="heroTitle" style="font-size: 22px; line-height: 120%; font-weight: bold; color: #23282b; font-family: 'Gotham B',  Helvetica, Arial, sans-serif; margin: 0...