Flexbox layout

using the latest flexbox spec

by Christoph

HTML

<article>
    <div>foo</div>
    <div id="bar">bar3</div>
    <div>baz</div>
</article>

CSS

article {
    height:200px;
    min-width:400px;
    border:1px solid blue;
    display:flex;
    flex-direction:row;
    min-width:-webkit-min-content;
}
div {
    border:1px solid red;
    margin:5px;
    padding:10px;
    flex:1;
    min-width:-webkit-min-content;
}
#bar {
    flex:2;
    margin:5px 0;
}