JSFiddle - React, Tailwind, and code Playground

by James Barner

HTML

<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
  <tr>
    <td valign="top" class="footerContainer">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
        <tbody class="mcnTextBlockOuter">
          <tr>
            <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
              <!--[if mso]>
<table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tr>
<![endif]-->

              <!--[if mso]>
<td valign="top" width="600" style="width:600px;">
<![endif]-->
              <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
                <tbody>
                  <tr>

                    <td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">

                      <p style="font-size:16px !important; text-align:center !important;">Follow us on social media and check out our website and online calendar to see the most up to date Multifaith info</p>

                    </td>
                  </tr>
                </tbody>
              </table>
              <!--[if mso]>
</td>
<![endif]-->

              <!--[if mso]>
</tr>
</table>
<![endif]-->
            </td>
          </tr>
        </tbody>
      </table>
      <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowBlock" style="min-width:100%;">

        <tbody class="mcnFollowBlockOuter">
          <tr>
            <td align="center" valign="top" style="padding:9px" class="mcnFollowBlockInner">
              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentContainer" style="min-width:100%;">
                <tbody>
                  <tr>
                    <td align="center"...