Skip to content

Don’t think widths, think proportions. A dead simple method of creating responsive fluid grids with fixed gutters. Use classes to set the proportions you want your grid to take at which breakpoint.

Notifications You must be signed in to change notification settings

makingsnippets/Proportional-Grids

Repository files navigation

Proportional Grids

Don’t think widths, think proportions. A dead simple method of creating responsive fluid grids with fixed gutters. Use classes to set the proportions you want your columns to take at which breakpoint.

Supports nested grids and requires no class="first" or :first-child nonsense. Even works in IE7 and below

Check out the demo here: http://builtbyboon.com/posed/Proportional-Grids/

Read all about it: http://builtbyboon.com/blog/proportional-grids

built by Boon – given away free

If you have questions or put this to use then hit me up on Twitter (@mattberridge).

A shout must go out to Harry Roberts (@csswizardry) for pointing me in the right direction with the idea!

About

Don’t think widths, think proportions. A dead simple method of creating responsive fluid grids with fixed gutters. Use classes to set the proportions you want your grid to take at which breakpoint.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published