JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>A responsive two column example</title>

    <style rel="stylesheet" type="text/css">

                    body {
                font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 14px;
                background-color: #e7e7e7; 
            }
            
            #parentTable {
                background-color: fff; 
                margin: auto;
                border-bottom: 10px solid #007dc3; 
                -moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
                -webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
                box-shadow : 0px 3px 15px rgba(0,0,0,0.2);
            }
            td {
                padding: 10px;
            }
            
            .row td{
                padding: 10px 20px;
            }
            
            .para {
                font-family: inherit; 
                line-height: 22px; 
                font-weight: 300;
                color: #3b3b3b

            }
            
            .btn {
                    display: inline-block;
                    padding: 6px 12px;
                    margin-bottom: 0;
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 1.42857143;
                    text-align: center;
                    white-space: nowrap;
                    vertical-align: middle;
                    -ms-touch-action: manipulation;
                    touch-action: manipulation;
                    cursor: pointer;
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                   ...