wide
normal
small
A responsive fluid grid framework with fixed margins, and some pre-defined layout models.
Ingrid's foundation can be found in Bootstrap's grid component, but is extended with layout modes that are inspired from Mueller Gridsystem.
The source is available on Github, and is MIT Licensed.
Note; Safari does not make use of correct subpixel rendering, and since InGrid is based upon percentage-based widths the columns can sometimes appear as they lack 1-2 pixels one some columns. This is something that one have to live with until Safari makes use of correct subpixel rendering (i.e. not rounding down to the nearest "full" pixel).
InGrid features a spine-aligned grid, which makes it easy to construct a layout that, if used right, can be more interesting than the traditional grid.
The spine is constructed of two even-sized holding columns — .left
and .right
— which within you place different sized columns.
InGrid ships with three predefined sizes — .wide
, .normal
, .small
.
wide
normal
small
normal
wide
small
c-1
c-2
c-1
c-2
c-1
c-2
c-3
c-1
c-2
c-3
c-4