JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
  <div class="col-side" id="col1">
  Left
  </div>
  <div class="col" id="col2">
  Center
  </div>
  <div class="col-side" id="col3">
  Right
  </div>
</div>

CSS

#container{	
width: 100%;
	display: flex;
  	flex-direction: row;
  	justify-content: space-between;
  	height:100%;
}

.col-side{
	width: 240px;
	height: 100%;
}

#col1{
  border-right: 2px solid rgba(0, 0, 0, 0.12);
}

#col3{
   border-left: 2px solid rgba(0, 0, 0, 0.12); 
}