Griddle - A Fluid And Modular Grid System For Modern Browsers

Griddle is a fluid and modular grid system for modern browsers — IE8+, Firefox, Safari, Opera, Chrome.  It uses inline-block and box-sizing to provide features that float-based layouts cannot. At Griddle's core is a set of Sass functions and mixins that automate the production of the grid's CSS.

Benefits

Using inline-block, box-sizing, and percentage units at the core of a CSS grid system has several advantages:

• Individual cells wrap "intelligently" within the grid - this has some benefits for layout adjustments at different viewport dimensions.
• Grid gutter and offset dimensions can be kept independent of the grid cell proportions.
• Easy horizontal centering of cells, some control over vertical alignment.
• Suitable for simple "responsive" layouts.
• Easy grid nesting.

Requirements: None
Demo: http://necolas.github.com/griddle/
Download: https://github.com/necolas/griddle/
License: MIT License

Daily Posts, Be Updated, Subscribe:

Want Free Web Resources? Enter Your Email And We'll Send It To You - Daily! (265+ Subscribers)

Yup, it's that straight forward! Enter your email address below and we'll send you the latest web resources to your inbox, everyday. We don't do spam. Ever.

Your Email Address

Trending Posts On Functionn This Week

Share:

Other Interesting Resources: