JSFiddle - React, Tailwind, and code Playground

by teewelk

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Vueboost-Denver</title>
        <style type="text/css">
        body {margin: 0; padding: 0; min-width: 100%!important;}
        .content {width: 100%; max-width: 600px;}  
        </style>
    </head>
    <body yahoo bgcolor="#333333">
        <table width="100%" class="row" bgcolor="#333333" border="0" cellpadding="0" cellspacing="0">
            <tr>
              

            <td width="50%" class="button" >
                     <center><a href="https://bit.ly/dennwemaillink" target="_blank">Click Here to Earn 600 more points this stay!</a></center> 
                    </td>

            <td class="header" width="50%" bgcolor="#333333" >

Thanks for staying <br>
<p>
Leave us a few reviews to earn up to <b>600 Rewards Points!</b>
</p>
                  
    
                </td>
            </tr>
        </table>
    </body>
    
    <style type="text/css">
@media only screen and (min-device-width: 601px) {
.content {width: 600px !important;}
}

body[yahoo] .class {}

h2{
  text-transform: uppercase;
}

p{
  font-size: 12px;
  font-weight: 200;
  color: #fafafa;
  letter-spacing: 0.04em;
  
}

a{
  text-decoration: none;
  color: #fafafa;
  font-size: 24px;
  
  font-family: sans-serif;
  font-weight: 100;
  
}

a:hover{
  color: #d99a2a !important;
}

.header {padding: 40px 30px 20px 30px;
font-family: sans-serif;
text-transform: uppercase;
font-weight: bold;
font-size: 32px;
color: #fafafa;
}

.row {
  border: solid 1px #6c757d;
  
}

.button {
  Width: ;
  background-color: #672b3d;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  
}

.button:hover{
  Width: 75%;
  background-color: #672b3d;
  color: #d99a2a !important;
  text-transform: uppercase;
  border-radius: 0px;
}
</style>
</html>