Minimalistic and semantic grid system
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
.ruby-version
LICENSE.md
README.md
bower.json
nitty-grid.css
nitty-grid.scss

README.md

nitty-grid-logo

Minimalistic and semantic grid system based on griddle.

Installation

  • Download: zip
  • Bower: bower install --save nitty-grid

Usage

HTML

<div class="grid">
  <div class="six columns">6</div>
  <div class="four columns">4</div>
  <div class="two columns">2</div>
</div>

Result

simplegrid

Nested grids

HTML

<div class="grid">
  <div class="six columns">
    <div class="grid">
      <div class="six columns">6</div>
      <div class="six columns">6</div>
    </div>
  </div>
  <div class="four columns">4</div>
  <div class="two columns">2</div>
</div>

Result

multi-grid-sample

Browser support

  • Google Chrome
  • Firefox
  • Safari
  • Opera
  • Internet Explorer 8+

License

MIT License