Scalable photo scroll

dabblet.css

/**
 * Scalable photo scroll
 */

section {
	border: 1px solid #aaa;
	width: 600px;
	max-width: 100%;
}

#wrap1{
	width: 100%;
	overflow: hidden;
}

#wrap2{
	width: 500%;	
}

#wrap2 img {
	display: block;
	float: left;
	width: 20%;
	max-width: 20%;
}

dabblet.html

<section>
<div id="wrap1">
	<div id="wrap2">
		<img src="http://placekitten.com/200/200" />
		<img src="http://placekitten.com/200/200" />
		<img src="http://placekitten.com/200/200" />
		<img src="http://placekitten.com/200/200" />
		<img src="http://placekitten.com/200/200" />
	</div>
</div>
</section>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}