JSFiddle - React, Tailwind, and code Playground

by batcave

HTML

<div role="article" aria-roledescription="email" lang="en" style="text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#f0f0f0;">
  <table role="presentation" style="width:100%;border:none;border-spacing:0;">
    <tbody>
      <tr>
        <td align="center" style="padding:0;">
          <!--[if mso]>
                <table role="presentation" align="center" style="width:640px;">
                    <tr>
                        <td>
                <![endif]-->
          <table role="presentation" style="width:640px;max-width:100%;margin:0 auto 60px;border:none;border-spacing:0;text-align:left;font-family:Arial,sans-serif;font-size:16px;line-height:22px;color:#505050;">
            <tbody>
              <tr>
                <td style="padding:40px 30px 30px 30px;text-align:left;font-size:24px;font-weight:bold;">
                  <a href="https://north.se" style="text-decoration:none;"><img src="https://prod.northtrampoline.com/globalassets/media/graphics/logos/logo-north-trans.png" width="350" alt="Logo" style="width:80%;max-width:165px;height:auto;border:none;text-decoration:none;color:#111111;"></a>
                </td>
              </tr>

              <tr>
                <td style="padding:30px;background-color:#ffffff;text-align:left;border-bottom:1px solid #eaeaea;">
                  <h1 style="margin-top:0;margin-bottom:0;font-size:26px;line-height:32px;font-weight:bold;letter-spacing:-0.02em;color:#252525;">
                    Hello Zoran
                  </h1>
                </td>
              </tr>

              <tr>
                <td style="padding:35px 30px 50px 30px;background-color:#ffffff;text-align:left;border-bottom:15px solid #f0f0f0;">
                  <p style="margin:0;">We hope you are happy with your purchase from our store. Would you be interested in providing some feedback on your purchase? </p>
                  <p style="margin:20px 0 0 0;"><img...