JSFiddle - React, Tailwind, and code Playground
by batcave
HTML
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="x-apple-disable-message-reformatting">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title></title>
<!--[if mso]>
<style>
table {border-collapse:collapse;border-spacing:0;border:none;margin:0;}
div, td {padding:0;}
div {margin:0 !important;}
</style>
<noscript>
<xml>
<o:OfficeDocumentSettings>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<![endif]-->
<style>
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
table,
td,
div,
h1,
p {
font-family: Arial, sans-serif;
}
.col {
max-width: 100% !important;
}
.col-sml {
max-width: 50% !important;
}
.col-lge {
max-width: 50% !important;
}
.col-sml2 {
max-width: 25% !important;
}
.col-lge2 {
max-width: 75% !important;
}
</style>
</head>
<body style="margin:0;padding:0;word-spacing:normal;background-color:#f0f0f0;border-right:15px solid #f0f0f0;border-left:15px solid #f0f0f0;">
<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...