JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="table">
        <div class="row">
            <div class="col col-sm">
                <div class="thumbnail">Thumbnail</div>
            </div>
            <div class="col col-lg">
                <textarea>Text area</textarea>
            </div>
        </div>
    </div>
</body>

CSS

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.table {
    display: table;
}
.row {
    display: table-row;
}
.col {
    display: table-cell;
    border: 1px dashed #FF0000;
    padding: 5px;
    vertical-align: top;
}
.col-sm {
    width: 30%;
}
.col-lg {
    width: 70%;
}
.thumbnail {
    height: 150px;
    width: 200px;
    border: 1px solid #CCC;
}

textarea {
    width: 100%;
}