JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="vid">
       
    </div>
    <div id="sidebar">
        
    </div>
    <div id="footer">
        
    </div>    
</div>

CSS

#container{
    background:grey;
    width:480px;
    height:270px;
    float:left;
}

#vid{
    background:black;
    width:320px;
    height:180px;
    float:left;
}

#sidebar{
    background:blue;
    width:160px;
    height:180px;
    float:right;
}

#foot{
    background:yellow;
    width:480px;
    height:90px;
    float:left;
}