Skip to content

Instantly share code, notes, and snippets.

@robspangler

robspangler/ungrid-with-gutters.css

Last active April 3, 2017 19:32
Show Gist options
  • Save robspangler/c00eb49b6f6ac916f2ca to your computer and use it in GitHub Desktop.
Save robspangler/c00eb49b6f6ac916f2ca to your computer and use it in GitHub Desktop.
Download ZIP
Ungrid with Gutters. Based off of https://github.com/chrisnager/ungrid
Raw
ungrid-with-gutters.css
.row { width: 100%; display: table; table-layout: fixed; }
.row .col { display: table-cell; padding: 0 15px; }
.row .col:first-child { padding-left: 0; }
.row .col:last-child { padding-right: 0; }
@robspangler
Copy link
Author

Two Columns:

<div class="row">
 <div class="col">Column 1</div>
 <div class="col">Column 2</div>
</div>

Three Columns:

<div class="row">
 <div class="col">Column 1</div>
 <div class="col">Column 2</div>
 <div class="col">Column 3</div>
</div>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment