JSFiddle - React, Tailwind, and code Playground
by wisegorilla
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html style="width:100%;font-family:arial, 'helvetica neue', helvetica, sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;padding:0;Margin:0;">
<head>
<meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta name="x-apple-disable-message-reformatting" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta content="telephone=no" name="format-detection" />
<title>bonmedico - Gift Page - Followup - DE</title>
<!--[if (mso 16)]>
<style type="text/css">
a {text-decoration: none;}
</style>
<![endif]-->
<!--[if gte mso 9]><style>sup { font-size: 100% !important; }</style><![endif]-->
<style type="text/css">
@media only screen and (max-width:600px) {
p,
ul li,
ol li,
a {
font-size: 14px !important;
line-height: 150% !important
}
h1 {
font-size: 30px !important;
text-align: left;
line-height: 120% !important
}
h2 {
font-size: 18px !important;
text-align: left;
line-height: 120% !important
}
h3 {
font-size: 16px !important;
text-align: left;
line-height: 120% !important
}
h1 a {
font-size: 30px !important;
text-align: left
}
h2 a {
font-size: 18px !important;
text-align: left
}
h3 a {
font-size: 16px !important;
text-align: left
}
.es-menu td a {
font-size: 16px !important
}
.es-header-body p,
.es-header-body ul li,
.es-header-body ol li,
.es-header-body a {
font-size: 16px !important
}
.es-footer-body p,
.es-footer-body...