Flex Box 5

HTML

<div class="container">
    <div class="B B1">width:300</div>
    <div class="B B2">width:160</div>
    <div class="B B3">width:120</div>
</div>

CSS

.container {
    display: -webkit-flex;
    display: flex;
    width: 500px;
    height: 150px;
    background-color: #eee;
    flex-flow: row wrap;
}
.B {
    height: 100px;
}
.B1{
    background-color:rgba(255,255,0,.5);
    width: 300px;
    -webkit-flex-grow:1;
    -moz-flex-grow:1;
    flex-grow:1;
}
.B2{
    background-color:rgba(255,0,255,.5);
    width: 160px;
    flex: 1 100%;
}
.B3{
    background-color:rgba(0,255,255,.5);
    width: 120px;
    /* flex: 1 100%; */
}