JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row body">
        <div class="col-md-6 left-side">
            <p>sdfsdf</p>
            <p>sdfsdf</p>
            <p>sdfsdf</p>
        </div>
        <div class="col-md-6 right-side">
            asdfdf
        </div>
    </div>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

.body {
    display: table;
    background-color: green;
}

.left-side {
    background-color: yellow;
    float: none;
    display: table-cell;
    border: 1px solid;
}

.right-side {
    background-color: red;
    float: none;
    display: table-cell;
    border: 1px solid;
}