JSFiddle - React, Tailwind, and code Playground

by kangismet

HTML

<div class='wrapper'>
    <div class="col one">A</div>
	<div class="col two">B</div>
	<div class="col three">C</div>
</div>

CSS

.wrapper {
	width: 350px;
	height: 200px;
}
.col {
	width: calc(100% / 3);

	float: left;
	height: 100%;
	text-align: center;
	font-size: 50px;
    font-family: Arial, Helvetica;
	color: #fff;
	line-height: 300%;
	font-weight: bold;
}
.col.one {
	background-color: #3b3140;
}
.col.two {
	background-color: #bfb8a3;
}
.col.three {
	background-color: #f2e0c9;
}