JSFiddle - React, Tailwind, and code Playground

HTML

<html>
      <body><div id="wrapper">
  <div id="header">header</div>
          <div id="content">
<div class="sidebar-left">sidebar left</div>
          <div class="sidebar-right">sidebar right</div>
<div id="center">
         м<br/>н<br/>о<br/>г<br/>о<br/> р<br/>а<br/>з<br/>н<br/>ы<br/>х<br/> б<br/>у<br/>к<br/>в<br/>
         м<br/>н<br/>о<br/>г<br/>о<br/> р<br/>а<br/>з<br/>н<br/>ы<br/>х<br/> б<br/>у<br/>к<br/>в<br/>
         м<br/>н<br/>о<br/>г<br/>о<br/> р<br/>а<br/>з<br/>н<br/>ы<br/>х<br/> б<br/>у<br/>к<br/>в<br/> 
        </div>
</div>
<div id="footer">footer</div>
</div>
</body></html>

CSS

* { margin:0; padding:0}
  body { width:100%; height:100%; background:#ccc;}
#wrapper {width: 1000px;margin:0 auto}
  #header { width:100%; height:200px; background:#EEE;}
  .sidebar-left{float: left; width: 200px;background:#ccc}
.sidebar-right {float: right; width: 200px;background:#ccc}
  #center { margin:0 200px; background:#FFF;}
 
  #footer { width:100%; height:200px; background:#666;}