JSFiddle - React, Tailwind, and code Playground

by Susan Delgado

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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <!-- Facebook sharing information tags -->
	<meta property="og:title" content="%%subject%%" />

    <title>%%subject%%</title>
</head>
<style type="text/css">
    p{
        margin-bottom:18px;
    }
    table{
	    font-size:90%;
	    line-height:155% !important;
	}
	.btn{
	    padding:6px 20px 4px 20px;
	}
	.apple{
		color:#ffffff;
	}
	.apple.dark{
		color:#414042;
	}
	@media only screen and (max-width: 480px){
	    p{
        margin-bottom:10px;
    }
		body,.body{
          width: 100% !important;
          -webkit-text-size-adjust: 100%;
          -ms-text-size-adjust: 100%;
          margin: 0;
          padding: 0;
	    }

	    img{
	    	max-width: 100% !important;
	    }
	    /*.p-btn{

			padding-left: 0px !important;
			padding-right: 0px !important;
	    }*/
	    .btn{
	    	width: 220px !important;
	    	margin-bottom:20px !important;
	    	max-width: 100% !important;
	    }
	    .no-pad{
	    	padding:0 !important;
	    }
		.container{
			width:100% !important;
			display:block !important;
			padding:0 !important;
			margin:0 !important;
		}
		.row{
			width:100% !important;
			padding-left: 20px !important;
			padding-right: 20px !important;
			/*display:block !important;*/
		}
		.row .td{
			width:100% !important;
			padding-left: 10px !important;
			padding-right: 10px !important;
			display:block !important;
		}
		.col{
			width:100% !important;
			display:block !important;
			/*padding-bottom:0 !important;*/
		}
		.td.button-row{
                padding-top:0 !important;
            }
		.pardot-btn{
			width:100% !important;
			display:inline-block !important;
			padding-bottom:10px !important;
			padding-top:10px !important;
		}
		.hide{
			display: none...