JSFiddle - React, Tailwind, and code Playground

HTML

<div class="about">
    <div class="LeftAbout">left leftleftleftleftleftleftleft leftleftleftleftleftleftleft leftleftleftleftleftleft left leftleftleftleftleftleftleft leftleftleftleftleftleftleft leftleftleftleftleftleftleft leftleftleftleftleftleftleft leftleftleftleftleftleftleft leftleftleftleftleftleft</div>
    <div class="CenterAbout">center</div>
    <div class="RightAbout">right</div>
    
</div>

CSS

body, html {
  height: 100%;
}


.About
{    
    padding:0px;
    background-color:#757575;
    border:none;
    min-height:250px;
    color:White;
    font-size:12pt; 
    display:table;
}
.RightAbout
{
    display:table-cell;
    width:290px;
    min-height:100%;
    border-left:solid 1px #CDCDCD;
    margin:0px 0px 0px 0px;
    padding:0px 5px 0px 5px;
    vertical-align:top;
    background-color:blue;
}


.CenterAbout
{
    display:table-cell;
    width:290px;
    min-height:100%;
    border-left:solid 1px #CDCDCD;
  
    vertical-align:top;
     background-color:#757575;
}
.LeftAbout {
   display:table-cell;
    min-height:100%;
    border: none;
    width:290px;
 
    vertical-align: top;
     background-color:#757575;
}