JSFiddle - React, Tailwind, and code Playground

by oilvier

CSS

/* CLIENT-SPECIFIC STYLES */
    #outlook a {padding:0;} /* Force Outlook to provide a "view in browser" message */
    .ReadMsgBody {width:100%;} 
    .ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */
    .ExternalClass, 
    .ExternalClass p, 
    .ExternalClass span, 
    .ExternalClass font, 
    .ExternalClass td, 
    .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
    body, 
    table, 
    td, 
    p, 
    a, 
    li, 
    blockquote {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
    table, 
    td {mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
    img {-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
        
    /* iOS BLUE LINKS */
    a[x-apple-data-detectors] {
      color: inherit !important;
      text-decoration: none !important;
      font-size: inherit !important;
      font-family: inherit !important;
      font-weight: inherit !important;
      line-height: inherit !important;
    }
    
    /* ANDROID CENTER FIX */
    div[style*="margin: 16px 0;"] { margin: 0 !important; }

    /* RESET STYLES */
    body {margin:0; padding:0;}
    img {border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
    table {border-collapse:collapse !important;}
    
    body, 
    #bodyTable, 
    #bodyCell {height:100% !important; margin:0; padding:0; width:100% !important;}