JSFiddle - React, Tailwind, and code Playground

HTML

<div id="page_box">
    <div id="column_a">
        <div id="acube_1">acube1</div>
        <div id="acube_2">
            <div id="bcube_1">bcube1</div>
            <div id="bcube_2">bcube2</div>
        </div>
    </div>
    <div id="column_b">3
        <div id="acube_3">
            <div id="bcube_3">bcube3</div>  
            <div id="bcube_4">bcube4</div>    
            <div id="bcube_5">bcube5</div>       
        </div>
    </div>
</div>

CSS

#page_box {width:960px;margin:0 auto;padding:0;}
#column_a {width:280px;background:#fff;float:left;}
#column_b {width:680px;background:#000;float:left;}

#acube_1 {width:280px;height:280px;background:#565656;}
#acube_2 {width:280px;height:280px;}
#acube_3 {width:290px;height:680px;float:left; margin-top:280px;}

#bcube_1 {width:140px;height:140px;background:#252525;float:left;}
#bcube_2 {width:140px;height:140px;background:#555;float:left;}
#bcube_3, #bcube_4, #bcube_5 {display:inline-block; margin-bottom: 5px;}
#bcube_3 {width:140px;height:140px;background:#434343;}
#bcube_4 {width:140px;height:140px;background:#618451;}
#bcube_5 {width:140px;height:140px;background:#c7b9cd;}