JSFiddle - React, Tailwind, and code Playground

HTML

<!--wrapper start-->
<div class="wrapper">

<!--content start-->
<div class="content">
   Содержание контента тут может быть меню промо ролики и т.д.
</div><div class="sidebar">
   Боковая панель она может распологаться как слева так и справа
</div>
<!--sidebar end-->

</div> <!--wrapper end-->

CSS

/* wrapper start*/
.wrapper {
  margin: 0 auto;
  width: 960px;
  }
/* wrapper end*/

/* content start*/
.content {
  display: inline-block;
  width: 698px;
  vertical-align: top;
  border: 1px solid #000;
  }
/* content end*/

/* sidebar start*/
.sidebar {
   display: inline-block;
   width: 258px;
   vertical-align: top;
   border: 1px solid #ccc;
   }
/* sidebar end*/