JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
   <div class="content_side">
     {CONTENT}
   </div>
   <div class="block_side">
     {BLOCK}
   </div>
 </div>

CSS

#containet {
  width: 100%;
  max-width: 1400px;
  min-width: 1024px; 
  margin: 0 auto;
  text-align: left;
}

/*left block */
    .block_side {
        width: 236px;
        height: 400px;
        float: left;
        margin: 19px 0 0 30px;
        background: #ccc;
    }


/* Right block */    
.content_side {
        float: none;
        overflow: hidden;
        width: auto;
        margin: 0 30px 0 0;
        background: green;
    }