JSFiddle - React, Tailwind, and code Playground

HTML

<div style="float:left; background-color: red; width:100%; min-width:750px; padding:5px;">
    <div style="float:left; background-color: blue; width:20%; min-width:150px; max-width:300px;">
        left
</div>
    <div style="float:left; background-color: yellow; min-width:450px;width:60%;">
        content content content content content content content content content content
         content content content content content content content content content content
         content content content content content content content content content content
        content content content content content content content content content content
    </div>
    <div style="float:right; background-color: green; width:20%; min-width:150px; max-width:280px;">right
   </div>
   </div>

<br/>
<br/>
<br/>
<br/>
<br/> 
<br/>
<div style="background-color: pink;">
    <div style="float:right; background-color: darkgreen; width: 20%; min-width:100px; max-width:280px;">
        right
    </div>
    content
</div>