Column Layout test

dabblet.css

/**
 * Column Layout test
 */
* {

}


html {

background:rgba(90,90,90,0.8);
font-family: Georgia,serif;
font-size: 24px;
line-height:1.5;
color: #eee;
}


body {
width:95%;
padding:0 2.5%;
margin: 0 auto;
}



h1 {
font-size: 2.618em;
line-height:.6em;
margin:.6em 0;
}

h2 {
font-size: 1.618em;
;

}

p {
margin-bottom: 1em;
}




.col.last {
margin-right:0;
}


@media screen and (min-width: 200px){
.col {
width:100%;
}

}

.col.last:before {
	clear:both;
}
}


@media screen and (min-width: 600px) {
margin-right:3;
width:47%;

}

@media screen and (min-width: 800px) {

.col {
background:blue;
float:left;
width:31.1111111%;
margin-right:3.11111111111%;
}
}

dabblet.html

<h1>Columns Yo</h1>
<div class="col">
<h2>Intro</h2>
<p>Nihil high life cupidatat beard freegan placeat. Exercitation butcher twee artisan, terry richardson eu freegan dolor keffiyeh swag godard sustainable. Quis elit semiotics, chambray gluten-free helvetica synth aesthetic single-origin coffee officia american apparel jean shorts adipisicing. Single-origin coffee you probably haven't heard of them hoodie, irony lomo irure ex twee 3 wolf moon eiusmod keffiyeh deserunt cliche dreamcatcher whatever. Next level marfa brooklyn, synth jean shorts wes anderson PBR sapiente semiotics etsy put a bird on it Austin tattooed nihil. Sriracha banh mi synth nesciunt, farm-to-table magna quis freegan beard. Consequat exercitation artisan, sustainable shoreditch direct trade blog ut high life godard mixtape forage hoodie.Quis nesciunt yr, mlkshk mumblecore tumblr commodo quinoa farm-to-table craft beer delectus keytar DIY vero organic. Brunch butcher vero, banksy do irure cupidatat mollit officia quinoa. Delectus marfa gentrify tofu semiotics before they sold out, scenester vinyl pickled salvia quis. Jean shorts fugiat sint, typewriter squid cray helvetica mumblecore placeat direct trade nihil +1 pinterest minim. Sed letterpress ea photo booth single-origin coffee. Truffaut pickled letterpress sunt banksy. Assumenda williamsburg do trust fund nulla sint.</p>
</div>
<div class="col">
<h2>Intro</h2>
<p>Nihil high life cupidatat beard freegan placeat. Exercitation butcher twee artisan, terry richardson eu freegan dolor keffiyeh swag godard sustainable. Quis elit semiotics, chambray gluten-free helvetica synth aesthetic single-origin coffee officia american apparel jean shorts adipisicing. Single-origin coffee you probably haven't heard of them hoodie, irony lomo irure ex twee 3 wolf moon eiusmod keffiyeh deserunt cliche dreamcatcher whatever. Next level marfa brooklyn, synth jean shorts wes anderson PBR sapiente semiotics etsy put a bird on it Austin tattooed nihil. Sriracha banh mi synth nesciunt, farm-to-table magna quis freegan beard. Consequat exercitation artisan, sustainable shoreditch direct trade blog ut high life godard mixtape forage hoodie.</p>
</div>
<div class="col last">
<h2>Intro</h2>
<p>Quis nesciunt yr, mlkshk mumblecore tumblr commodo quinoa farm-to-table craft beer delectus keytar DIY vero organic. Brunch butcher vero, banksy do irure cupidatat mollit officia quinoa. Delectus marfa gentrify tofu semiotics before they sold out, scenester vinyl pickled salvia quis. Jean shorts fugiat sint, typewriter squid cray helvetica mumblecore placeat direct trade nihil +1 pinterest minim. Sed letterpress ea photo booth single-origin coffee. Truffaut pickled letterpress sunt banksy. Assumenda williamsburg do trust fund nulla sint.</p>
</div>

settings.json

{"view":"separate","fontsize":"90","seethrough":"","prefixfree":"1","page":"all"}