JSFiddle - React, Tailwind, and code Playground

by pedrohsdeus

HTML

<body>
    <div class="container">
        <header>

            <div id="primary_header">
                <div class="logo">
                    <img src="/images/logo.png" alt="">
                </div>
                <h2 id="invoice">INVOICE</h2>
            </div>

            <div class="secondary_header">
                <div class="left">

                    <div class="info">
                        <p id="c_name">Company Name</p>
                        <p> <b>Address </b>, itaque.</p>
                        <p>
                         <b>Contact us- </b>02582298439</p>
                    </div>
                </div>

                <div class="right">
                    <table id="meta">
                        <tr>
                            <td class="meta-head">Invoice No #
                            </td>
                            <td>001</td>
                        </tr>
                        <tr>
                            <td class="meta-head">Date</td>
                            <td id="date"></td>
                        </tr>
                    </table>

                </div>
              </div>
        </header>
        <div class="customer">
            <p><b>Bill To:</b><br></p>
            <textarea id="address" placeholder="Customer Info...."></textarea>
        </div>
        <table id="items">
            <tr>
                <th>Item</th>
                <th>Description</th>
                <th>Unit Cost</th>
                <th>Quantity</th>
                <th>Price</th>
                <td>
                    <div class="action_container">
                        <button class="success" onclick="create_tr('table_body')">
                          <i class="fa fa-plus"></i>
                        </button>
                    </div>
                </td>
            </tr>
            <tbody id="table_body">
                <tr class="item-row">
                    <td class="item-name">
                       ...