JSFiddle - React, Tailwind, and code Playground

by gugumetal

HTML

<!-- html ignored -->
<!-- head ignored -->
<!-- meta ignored -->


<!-- meta ignored -->
<!-- meta ignored -->



<style type="text/css">
  #message-htmlpart1 div.rcmBody .v1button-td:hover {
    background: #555555 !important;
    border-color: #555555 !important;
  }

  #message-htmlpart1 div.rcmBody .v1button-a:hover {
    background: #555555 !important;
    border-color: #555555 !important;
  }

  #message-htmlpart1 div.rcmBody td div p {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
  }

  #message-htmlpart1 div.rcmBody td p {
    display: block;
    margin: 0;
    min-height: 20px;
  }

</style>
<style type="text/css">
  #message-htmlpart1 div.rcmBody .v1ExternalClass {
    width: 100%;
  }





  #message-htmlpart1 div.rcmBody a[x-apple-data-detectors] {
    color: inherit !important;
  }



  @media screen and (max-width: 600px) {
    #message-htmlpart1 div.rcmBody .v1email-container {
      width: 100% !important;
    }


    #message-htmlpart1 div.rcmBody .v1fluid,
    #message-htmlpart1 div.rcmBody .v1fluid-centered {
      max-width: 100% !important;
      height: auto !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }


    #message-htmlpart1 div.rcmBody .v1fluid-centered {
      margin-left: auto !important;
      margin-right: auto !important;
    }


    #message-htmlpart1 div.rcmBody .v1stack-column,
    #message-htmlpart1 div.rcmBody .v1stack-column-center {
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      direction: ltr !important;
    }


    #message-htmlpart1 div.rcmBody .v1stack-column-center {
      text-align: center !important;
    }


    #message-htmlpart1 div.rcmBody .v1center-on-narrow {
      text-align: center !important;
      display: block !important;
      margin-left: auto !important;
      margin-right: auto !important;
      float: none !important;
    }

   ...