Flex Box Test

by rulokc

HTML

<p>Flexbox</p>
<div class="container">
    <div class="block r">R</div>
    <div class="block g">G</div>
    <div class="block b">B</div>
</div>

CSS

.container {
    width: 100%;
    height: 200px;
    display: -webkit-flex;
    -webkit-flex-direction: row;
}
.block {
    -webkit-flex: 1 1 auto;
}
.r {
    background-color: #f00;
}
.g {
    background-color: #0f0;
}
.b {
    background-color: #00f;
}