JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%">
    <tbody>
        <tr>
            <td>
                <div class="panel">
                    <div class="panel-header">
                    Header One
                    </div>
                    <div class="panel-body">
                    Body One
                    </div>
                </div>
            </td>
            <td>
                <div class="panel">
                    <div class="panel-header">
                    Header Two
                    </div>
                    <div class="panel-body">
                    Body Two
                    </div>
                </div>
            </td>
            <td>
                <div class="panel">
                    <div class="panel-header">
                    Header Three
                    </div>
                    <div class="panel-body">
                    Body Three
                    </div>
                </div>
            </td>
        </tr>
    </tbody>
    </table>

CSS

td {border: 1px solid red; padding: 1px;}
        .panel {border: 1px solid blue; padding: 1px;}
        .panel-header{background-color: green; color: white;}
        .panel-body {border: 1px solid green; padding: 1px; min-height:200px}