Swizec/dabblet.css

## dabblet.css
/**
 * The first commented line is your dabblet’s title
 */

body {
   min-height: 100%;
}

#main {
   display: box;
   width: 100%;
}

#main div {
    flex-pack: center;
    flex: 1;
}

#main div:nth-child(2) {
    flex: 2;
}

#main div img {
    width: 100%;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->

<div id="main">
  <div>lorem ipsum </div>
  <div><img src="http://www.stfc.ac.uk/resources/image/RosDustLge.jpg" /></div>
  <div>lorem lipsum</div>
</div>

## settings.json
{"view":"split","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* The first commented line is your dabblet’s title
	*/

	body {
	min-height: 100%;
	}

	#main {
	display: box;
	width: 100%;
	}

	#main div {
	flex-pack: center;
	flex: 1;
	}

	#main div:nth-child(2) {
	flex: 2;
	}

	#main div img {
	width: 100%;
	}
	<!-- content to be placed inside <body>…</body> -->

	<div id="main">
	<div>lorem ipsum </div>
	<div><img src="http://www.stfc.ac.uk/resources/image/RosDustLge.jpg" /></div>
	<div>lorem lipsum</div>
	</div>