JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
		<div class="left">лево</div>
		<div class="center">центр</div>
		<div class="right">право</div>
	</div>

CSS

.wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-flow: row;
	-webkit-align-items: stretch;
	-moz-flex-flow: row;
	-moz-align-items: stretch;
	flex-flow: row;
	align-items: stretch;

}

.left{
	-webkit-flex: 8;
	-moz-flex: 8;
	flex: 8;
	background: green;
}

.right{
	-webkit-flex: 2;
	-moz-flex: 2;
	flex: 2;
	background: blue;
}

.center{
	width: 400px;
	background: orange;
}