JSFiddle - React, Tailwind, and code Playground
HTML
<div class="table_row">
<div class="table_column">
Column 1
</div>
<div class="table_columnSpace"></div>
<div class="table_column">
<div class="border">Column 2</div>
</div>
<div class="columnSpace"></div>
<div class="column">
<div class="border">Column 3</div>
</div>
<div class="columnSpace"></div>
<div class="column">
<div class="border">Column 4</div>
</div>
<div class="columnSpace"></div>
<div class="column">
<div class="border">Column 5</div>
</div>
<div class="columnSpace"></div>
<div class="column">
<div class="border">Column 6</div>
</div>
<div class="column">
<div class="border">Column 7</div>
</div>
<div class="column">
<div class="border">Column 8</div>
</div>
<div class="column">
<div class="border">Column 9</div>
</div>
<div class="column">
<div class="border">Column 10</div>
</div>
<div class="column">
<div class="border">Column 11</div>
</div>
<div class="column">
<div class="border">Column 12</div>
</div> <div class="column">
<div class="border">Column 13</div>
</div>
<div class="column">
<div class="border">Column 14</div>
</div>
<div class="column">
<div class="border">Column 15</div>
</div>
</div>
<div class="rowSpace"></div>
<div class="row">
<div class="column">
<div class="border">Column 1
<br />Line 1
<br />Line 2
<br />Line 3
<br />Line 4
<br />Line 5
<br />Line 6
<br />Line 7
<br />
</div>
</div>
<div class="columnSpace"></div>
<div class="column">
<div class="border">Column 2</div>
</div>
<div class="columnSpace"></div>
<div class="column">
<div class="border">Column 3</div>
</div>
<div...
CSS
.table_row {
display: table;
table-layout: fixed;
width: 95%;
margin: 0 auto;
}
.table_row div {
display: table-cell;
}
.table_column {
border: 0px;
margin: 0 auto;
padding: 0px;
text-align: center;
vertical-align: top;
}
.border {
padding: 5px;
border: 1px solid;
-moz-border-radius: 15px;
border-radius: 15px;
border-color: grey;
border-color: grey;
box-shadow: grey .25em .25em .25em;
-webkit-gradient: grey .25em .25em .25em;
-moz-linear-gradient: grey .25em .25em .25em;
vertical-align: top;
text-align: center;
overflow: auto;
margin: 0 auto;
width: 1000px;
max-width: 1000px;
}
.table_columnSpace {
width: 10px;
}
.rowSpace {
height: 10px;
}