JSFiddle - React, Tailwind, and code Playground
by Davide Caruso
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Amazing newsletter</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="format-detection" content="address=no, date=no, email=no, telephone=no"/>
<style type="text/css">
* {
border: 0;
padding: 0;
}
body {
font-family: Arial, Tahoma, sans-serif;
color: #818181;
}
td {
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
}
@media screen and (max-width: 629px) {
.full-width {
width: 100% !important;
}
}
</style>
<!--[if gte mso 12]>
<style type="text/css">
td {
mso-line-height-rule: exactly;
}
</style>
<![endif]-->
</head>
<body style="margin: 0; padding: 0;">
<table border="0" cellpadding="0" cellspacing="0" style="background-color: #F6F6F6;" width="100%">
<tr>
<td align="center" style="padding: 0 15px;">
<!--[if (mso)|(IE)]>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tr>
<td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" class="full-width"
style="max-width: 600px;" width="100%">
<tr>
<td align="center">
<table align="center" border="0" cellpadding="0" cellspacing="0" class="full-width"
style="max-width: 600px;" width="100%">
<tr>
<td style="padding: 15px 0;">
<a...