HTML5 Flexboxes

I wrote this answer (http://stackoverflow.com/a/24292602/2554793) as a small demo using HTML5 flexboxes in order to have two divs sitting side-by-side.

by greatCar

HTML

<div class="container">
    <div class="fixed">Fixed width</div>
    <div class="flex-itemThird">Dynamically sized content</div>
       <div class="flex-itemThird">more sized content</div>
       <div class="flex-itemThird">another sized content</div>
</div>

CSS

div{
    color: #fff;
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    padding: 10px;
}
.container{
    background-color:#2E4272;
    display:flex;
}
.fixed{
    background-color:#4F628E;
    width: 200px;
}
.flex-item{
    background-color:#7887AB;
    flex-grow: 1;
}
.flex-itemHalf{
    background-color:#7887AB;
    flex-grow: .5;
}

.flex-itemThird{
    background-color:#7887AB;
    flex-grow: .3333333;
}