JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css">
<div class="pure-g-r">
	<div class="pure-u-1-3">
        <p>1</p>
    </div>
	<div class="pure-u-1-3">
        <p>2</p>
        <p>3</p>
    </div>
    <div class="pure-u-1-3">
        <p>4</p>
    </div>
</div>

CSS

.pure-u-1-3 {
	background: red;
}

.pure-g-r {
    display: flex;
}