JSFiddle - React, Tailwind, and code Playground
by Craig Haywood
HTML
<!doctype html><html xmlns=3D"http://www.w3.org/1999/xhtml" xmlns:v=3D"urn:=
schemas-microsoft-com:vml" xmlns:o=3D"urn:schemas-microsoft-com:office:offi=
ce"><head><title></title><!--[if !mso]><!--><meta http-equiv=3D"X-UA-Compat=
ible" content=3D"IE=3Dedge"><!--<![endif]--><meta http-equiv=3D"Content-Typ=
e" content=3D"text/html; charset=3DUTF-8"><meta name=3D"viewport" content=
=3D"width=3Ddevice-width,initial-scale=3D1"><style type=3D"text/css">#outlo=
ok a { padding:0; }=0A body { margin:0;padding:0;-webkit-text-size-adj=
ust:100%;-ms-text-size-adjust:100%; }=0A table, td { border-collapse:c=
ollapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }=0A img { border:0=
;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interp=
olation-mode:bicubic; }=0A p { display:block;margin:13px 0; }</style><=
!--[if mso]>=0A <noscript>=0A <xml>=0A <o:OfficeDocumentSettings>=
=0A <o:AllowPNG/>=0A <o:PixelsPerInch>96</o:PixelsPerInch>=0A =
</o:OfficeDocumentSettings>=0A </xml>=0A </noscript>=0A <![endif]-=
-><!--[if lte mso 11]>=0A <style type=3D"text/css">=0A .mj-outlook-=
group-fix { width:100% !important; }=0A </style>=0A <![endif]--><styl=
e type=3D"text/css">@media only screen and (min-width:480px) {=0A .m=
j-column-per-100 { width:100% !important; max-width: 100%; }=0A }</sty=
le><style media=3D"screen and (min-width:480px)">.moz-text-html .mj-column-=
per-100 { width:100% !important; max-width: 100%; }</style><style type=3D"t=
ext/css">@media only screen and (max-width:479px) {=0A table.mj-full-w=
idth-mobile { width: 100% !important; }=0A td.mj-full-width-mobile { w=
idth: auto !important; }=0A }</style><style type=3D"text/css">@media (ma=
x-width: 479px) {
.hide-on-mobile {
display: none !important;
}
}.gr-headerviewonline-lncvtm a,
.gr-headerviewonline-lncvtm a:visited {
color: #00BAFF;
text-decoration: underline;
}.gr-mlimage-klvhrv img {
box-sizing:...