JSFiddle - React, Tailwind, and code Playground

by justi

HTML

<div style="max-width:500px;direction:ltr">
  <div style="max-width:470px;margin:8px 8px 4px 8px">
    <table border="0" width="470">
      <tbody>
        <tr valign="top">
          <td style="width:10px;vertical-align:top;white-space:nowrap"> <img src="https://getbadges.io/images/email-sig/marta.png" width="75" height="75" style="border-radius:4px;width:75px;min-height:75px" alt="logo"> <span style="font-size:small">&nbsp; <br></span> </td>
          <td style="text-align:initial"> <span style="font-size:14px; vertical-align: top;"> <span style="color:#808080; vertical-align: top;"> <strong style="color:#2ECC70; vertical-align: top;">Marta Wasielewska</strong> <span style="color:#888888; vertical-align: top;"><em style="vertical-align: top;">BD, GetBadges</em></span></span>
            </span>
            <br>
            <span style="font-size:14px; color:#505050; margin-bottom: 0px;">+48 577 873 546</span>
            
            
            <div style="margin-top:0px">
            <span style="font-size:12px; color:#808080;">Reach <a href="https://getbadges.io/?ref=s" style="color:#808080;text-decoration:underline" target="_blank">GetBadges</a> on social profiles:</span>
            </div>
            <div style="margin-top:3px">
              <a href="http://www.facebook.com/getbadges/" target="_blank"><img style="border-radius:4px;border:0;width:16px;min-height:16px" width="16" height="16" src="https://getbadges.io/images/email-sig/fb-icon.png"></a>&nbsp;
              <a href="http://www.linkedin.com/company/getbadges" target="_blank"><img style="border-radius:4px;border:0;width:16px;min-height:16px" width="16" height="16" src="https://getbadges.io/images/email-sig/ln-icon.png"></a>&nbsp;
              <a href="http://twitter.com/getbadges_io" target="_blank"><img style="border-radius:4px;border:0;width:16px;min-height:16px" width="16" height="16" src="https://getbadges.io/images/email-sig/tw-icon.png"></a>&nbsp;
              <a...