JSFiddle - React, Tailwind, and code Playground

by kpowz

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.css">
<div class="container">
<div class="row">
<div class="col-xs-6">
col 6
</div>
<div class="col-xs-6">
<table>
  <thead></thead>
  <tbody>
    <tr><td>yes a lot of content </td><td>yes alot of content</td><td>yes</td><td>yes</td><td>yes</td><td>yes so much content now</td></tr>
    <tr><td>yes</td><td>yes</td><td>yes</td><td>yes</td><td>yes</td><td>yes</td></tr>
    <tr><td>yes</td><td>yes</td><td>yes</td><td>yes</td><td>yes</td><td>yes</td></tr>
    <tr><td>yes</td><td>yes</td><td>yes</td><td>yes</td><td>yes</td><td>yes</td></tr>
  </tbody>
</table>
</div>
</div>
</div>

CSS

.col-xs-6 {
  background-color: lightblue;
  border: red 1px dotted;
}