Not every project requires a 12 column grid. Sometimes 4 columns are more that adequate and that's where Four Grid comes in.
Fully responsive, scales to any width, breakpoint is at 480 pixels. Quick and easy to set up.
Simplicity built right in, only has two classes, row and col. It's not difficult, in fact, it's easy as pie.
The Basic 4 Column Grid
column full
column half
column half
column one-third
column one-third
column one-third
column one-fourth
column one-fourth
column one-fourth
column one-fourth
Mix and match columns for different layouts. There are other column classes for this,.half, .one-third, .two-thirds and .three-fourths which covers most popular layouts.
column one-third
column two-thirds
column two-thirds
column one-third
column three-fourths
column one-fourth
column one-fourth
column three-fourths
column one-fourth
column half
column one-fourth
4 Grid is not intended to be all things to all people. Its not a boilerplate or a framework, its a very basic grid system that I wrote for my own needs and I just want to share with anyone that may find it useful.
In the HTML there are no .last or .end classes making 4 Grid super easy to implement. Your website will be built in no time at all
Works in ie8+, firefox 3.6+, Chrome, Opera, Safari and all modern browsers.
Download
