CSS Grid System For Deskop & Mobile Browers: Columnal

The Columnal CSS grid system is a “remix” of a couple others with some custom code thrown in. The elastic grid system is borrowed from cssgrid.net, while some code inspiration (and the idea for subcolumns) are taken from 960.gs.

It is 1140px wide but fluid and focused on supporting desktop + mobile browsers using the same styles.

The framework comes with a built-in debugging CSS for displaying the structure of any pages being designed.

There is support for “columns inside columns” and has classes for vertical spacing.

Also, the download package of Columnal has a “PDF of the grid system for sketching” and wireframing kits for Adobe Illustrator + Balsamiq Mockups.

Download Columnal CSS Grid System

Requirements: No Requirements
Compatibility: All Major Desktop & Mobile Browsers
Website: http://www.columnal.com/
Demo: http://www.columnal.com/demo/
Download: http://www.columnal.com/download/columnal-0.85.zip