Skip to content

Instantly share code, notes, and snippets.

@EdCharbeneau
Created May 28, 2014 17:58
Show Gist options
  • Save EdCharbeneau/581035706b5efedccb23 to your computer and use it in GitHub Desktop.
Save EdCharbeneau/581035706b5efedccb23 to your computer and use it in GitHub Desktop.
Grid Layout Example (Foundation)
<div class="row">
<div class="large-12 columns">
<!-- a single full width column -->
<!-- items go here -->
</div>
</div>
<div class="row">
<div class="large-6 columns">
<!-- left most column, 50% width -->
</div>
<div class="large-6 columns">
<!-- right most column, 50% width -->
</div>
</div>
<div class="row">
<div class="large-4 columns">
<!-- left most column, ~30% width -->
</div>
<div class="large-8 columns">
<!-- right most column, ~70% width -->
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment