JSFiddle - React, Tailwind, and code Playground

by karlhorky

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Welcome to iDoRecall</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400">





  <style type="text/css">
        img{
            max-width:500px;
            outline:none;
            text-decoration:none;
            -ms-interpolation-mode:bicubic;
        }
        a{
            text-decoration:none;
            border:0;
            outline:none;
        }
        a img{
            border:none;
        }
        td,h1,h2,h3{
            font-family:Helvetica, Arial, sans-serif;
            font-weight:400;
        }
        body{
            -webkit-font-smoothing:antialiased;
            -webkit-text-size-adjust:none;
            width:100%;
            height:100%;
            color:#37302d;
            background:#ffffff;
        }
        h1,h2,h3{
            padding:0;
            margin:0;
            color:#ffffff;
            font-weight:400;
        }
        h3{
            color:#ffffff;
            font-size:21px;
        }
    @media screen{
        td,h1,h2,h3{
            font-family:'Lato', 'Helvetica Neue', 'Arial', 'sans-serif' !important;
        }

}   @media only screen and (max-width: 480px){
        table[class=w320]{
            width:320px !important;
        }

}   @media only screen and (max-width: 480px){
        table[class=w300]{
            width:300px !important;
        }

}   @media only screen and (max-width: 480px){
        table[class=w290]{
            width:290px !important;
        }

}   @media only screen and (max-width: 480px){
        td[class=w320]{
            width:320px !important;
        }

}   @media only screen and (max-width: 480px){
       ...