Fork on Github
Shelves beautifully adapts to desktop, tablet, and mobile resolutions out of the box.
It includes boilerplate for fluid images, device visibility helpers, and a fix for IE 10’s “Snap Mode”.
Other fluid grids claim they’re infinitely nestable, but they’re not…if you want the columns to actually line up to the grid.
Shelves is the only fluid grid where the nested columns line up the grid, no matter how deep you go.
Shelves is built with SCSS, and every aspect of the framework—from the number of columns, the max-width of the grid, and the class names used—can be customized.
Shelves comes with a CLI tool for generating the exact grid you need for your project.
Scroll through some common layouts below to get a feel for how Shelves can help you layout your project.
© 2013 Type&Image LLC. All rights reserved.