Pattern Lab

One Up

1/1

HTML

									
										<div class="demo">
	<!--Grid 1up-->
	<div class="row">
		<div class="small-12 column">1/1</div>
	</div>
	<!--End Grid 1up-->		
</div><!--end .demo-->

Two Up

1/2

HTML

									
										<div class="demo">
	<!--Grid 2up-->
	<div class="row">
		<div class="medium-6 column">1/2</div>
		<div class="medium-6 column end">1/2</div>
	</div>
</div>

Three Up

1/3

HTML

									
										<div class="demo">
	<!--Grid 3up-->
	<div class="row">
		<div class="medium-4 column">1/3</div>
		<div class="medium-4 column">1/3</div>
		<div class="medium-4 column end">1/3</div>
	</div>
</div>

Four Up

1/4

HTML

									
										<div class="demo">
	<!--Grid 4up-->
	<div class="row">
		<div class="medium-3 column">1/4</div>
		<div class="medium-3 column">1/4</div>
		<div class="medium-3 column">1/4</div>
		<div class="medium-3 column end">1/4</div>
	</div>
</div>