JSFiddle - React, Tailwind, and code Playground

by Dimitris Karagiannis

HTML

<div class='container'>
    <div class='column'>Column 1</div>
    <div class='column'>Column 2</div>
    <div class='column'>Column 3Column 3Column 3Column 3Column 3Column 3Column 3</div>
</div>

CSS

.container {
	background-color: lightgreen;
}

.column {
	width: 31.33%;
	background-color: rgba(0, 255,0, .5);
	float: left;
	margin: 0 1%;
}

.column:last-child {
	float: none;
  background: red;
}