3 to 2 col

dabblet.css

/**
 * 3 to 2 col
 */

html {
    min-width: 800px;
}
.main {
    margin: 0 150px 0 200px;
    height: 500px;
    background: #afa;
}
.orange {
    width: 200px;
    height: 350px;
    background: #fa6;
    float: left;
}
.black {
    width: 150px;
    height: 200px;
    background: #666;
    float: right;
}
@media screen and (max-width:1000px) {
.main {
    margin-right: 0;
}
.black {
    width: 200px;
    float: left;
    clear: left;
}
}

dabblet.html

<div class="orange"></div>
<div class="black"></div>
<div class="main"></div>

settings.json

{"view":"separate","seethrough":"","prefixfree":"1","page":"result"}