JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
   <div class="top">
     Шапка
   </div>
   <div class="middle">
     <div id="content">Контент</div>
     <div id="leftcol">Левое меню</div>
     <div id="rightcol">Правое меню</div>
   </div>
   <div class="bottom">Подвал</div>
</div>

CSS

.main{
  display:flex;
  flex-direction:column;
}
.middle{
  display:flex;
}
#leftcol{
  width:220px;
  order:0;
}
#rightcol{
  width:220px;
  order:3;
}
#content{
  width:560px; 
  background-color: #FFDA84; 
  color:#1f1408;
  order:1;
}