Skip to content

Instantly share code, notes, and snippets.

@dleatherman

dleatherman/grid-basic.html

Created February 4, 2013 22:09
Show Gist options
  • Save dleatherman/4710153 to your computer and use it in GitHub Desktop.
Save dleatherman/4710153 to your computer and use it in GitHub Desktop.
Download ZIP
Simple explanation of the foundation grid system
Raw
grid-basic.html
<div class="row">
<div class="five columns">
Content...
</div><!-- / five columns -->
<div class="seven columns">
Content...
</div><!-- / seven columns -->
</div><!-- / row -->
Raw
grid-nested.html
<div class="row">
<div class="eight columns">
<div class="row">
<div class="six columns">
Six columns (nested)
</div>
<div class="six columns">
Six columns (nested)
</div>
</div><!-- / Close nested row -->
</div><!-- / Close eight columns -->
</div><!-- / Close row -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment