JSFiddle - React, Tailwind, and code Playground
by gcarames
HTML
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="x-apple-disable-message-reformatting">
<title></title>
<!--[if mso]> <style>*{font-family: sans-serif !important;}</style><![endif]-->
<style>
body,
html {
margin: 0 auto !important;
padding: 0 !important;
height: 100% !important;
width: 100% !important
}
* {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
div[style*="margin: 16px 0"] {
margin: 0 !important
}
table,
td {
mso-table-lspace: 0 !important;
mso-table-rspace: 0 !important
}
table {
border-spacing: 0 !important;
border-collapse: collapse !important;
table-layout: fixed !important;
margin: 0 auto !important
}
table table table {
table-layout: auto
}
a {
text-decoration: none
}
img {
-ms-interpolation-mode: bicubic
}
[x-apple-data-detectors] {
border-bottom: 0 !important;
cursor: default !important;
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important
}
.a6S {
display: none !important;
opacity: .01 !important
}
.stack-column-center.center {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd
}
@media screen and (max-width:768px) {
.email-container {
width: 100% !important;
margin: auto !important
}
...