JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.wrapper {
  display: flex;
}

.center, .right, .left {
   height: 100%;
}

.center{
    background: orange;
    width: 70%;
 }
 
 .left, .right{
    background: black;
    width: 15%;
 }