JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
<div id="container">

<div class="text">
    текст в правый блок
</div>

</div>
<div id="content"> основной контент</div>

CSS

body {
	margin: 0;
    background: #fff;
   
}
#wrap {
    overflow: hidden;
    margin: auto;
}
#container {
    width: 30%;
    min-width: 300px;
    float:left;
    background: #909090;
    overflow: hidden;
}

#content {
    width: 70%;
 
    float: right;
    background: #286f4e 100% 0;
    
}

.text {
    float:right;
}