Layout
Preview Code
flex 1
auto 
<div class="flex">
    <div class="flex-1"></div>
    <div></div>
</div>
flex 1
flex 1 
<div class="flex">
    <div class="flex-1"></div>
    <div class="flex-1"></div>
</div>
flex 1
flex 1
flex 1 
<div class="flex">
    <div class="flex-1"></div>
    <div class="flex-1"></div>
    <div class="flex-1"></div>
</div>
flex 1
flex 1 
<div class="flex flex-space flex-center">
    <div class="flex-1" style="height:120px"></div>
    <div class="flex-1"></div>
</div>
flex 1
flex 1 
<div class="flex flex-space flex-end">
    <div class="flex-1" style="height:120px"></div>
    <div class="flex-1"></div>
</div>
width auto
width 200px 
<div class="flex flex-space">
    <div class="flex-1"></div>
    <div style="flex:0 0 200px"></div>
</div>