Pattern Lab

One Up

1/1

HTML

									
										<div class="demo">
	<!--Grid 1up-->
	<div class="g g-1up">
		<div class="gi">1/1</div>
	</div>
	<!--End Grid 1up-->		
</div><!--end .demo-->

Two Up

1/2

HTML

									
										<!--Grid 2up-->
<div class="demo twoUp">
	<div class="twoBlock">1/2</div>
	<div class="twoBlock">1/2</div>
</div>

Three Up

1/3

HTML

									
										<!--Grid 3up-->
<div class="threeUp">
	<div class="threeBlock">1/3</div>
	<div class="threeBlock">1/3</div>
	<div class="threeBlock">1/3</div>
</div>

Four Up

1/4

HTML

									
										<!--Grid 4up-->
<div class="fourUp">
	<div class="fourBlock">1/4</div>
	<div class="fourBlock">1/4</div>
	<div class="fourBlock">1/4</div>
	<div class="fourBlock">1/4</div>
</div>