Flexbox

by stuartmemo

HTML

<div id="wat">
</div>

CSS

body {
    background: black;
}

#wat {
    height: 100px;
    width: 300px;
    background: -webkit-linear-gradient(left, yellow 49%, blue 50%) no-repeat,
                -webkit-linear-gradient(left, red, green);
    background-size: 100% 50%, 100% 50%;
    background-position: 0 0, 0 50%; 
}