{{#extend "layout"}}{{#content "main"}}
<h1>Grid</h1>
<p>Right now, you can't see the grid below because it isn't configured.</p>
<p>To use:</p>
<ul>
	<li>Setup the susy config in _config.scss</li>
	<li>Write some styles for the .Grid and .Grid-cell classes for testing</li>
</ul>
<h2>Example three column layout</h2>
<div class="Grid">
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
</div>
<h2>Example "gallery" style layout</h2>
<div class="Grid Grid--gallery">
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
	<div class="Grid-cell"></div>
</div>
{{/content}}{{/extend}}