grid-six

A simple six-column grid system.


Keywords
grid, grid-system, responsive, columns
License
MIT
Install
bower install grid-six

Documentation

Grid6

6 column grid system with very basic/simple breakpoints (small tablets and mobiles).

Grab from here, or install via bower as grid-six.

Usage notes

  • Use the built-in classes col1-6 to specify how many columns you wish the element to take up at full width
  • .half allows you to use either .col2 or .col3 and full width and still force it to take half on tablet screen sizes
  • Sections and bands are self-clearing, so no clearfixes should be needed
  • .band is meant to be used for full-width backgrounds and outer grouping, while sections are supposed to hold a section of content - section only centres and contains content