JSFiddle - React, Tailwind, and code Playground

by agib

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="row">
    <div class="col col-lg-2">
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
            <li>Item 4</li>
        </ul>
    </div>
    <div class="col col-lg-6">test
        <br>test
        <br>test
        <br>test
        <br>test
        <br>test
        <br>test
        <br>
    </div>
    <div class="col col-lg-4">test
        <br>test
        <br>test
        <br>test
        <br>test
        <br>test
        <br>test
        <br>test
        <br>test
        <br>test
        <br>test
        <br>
    </div>
</div>

CSS

body {
     padding: 10px;
 }
 .row {
     width: 100%;
     border: 1px dotted gray;
     display: table;
 }
.row .col {
     display: table-cell;
     vertical-align: top;
 }
.row .col:nth-child(2) {
     min-height: 100%;
     height: 100%;
     border-left: 1px solid Lightgray;

 }