Foldy

kittens brought to you by kittens — Use `.grid-flow-opposite` for Content Choreography.

Foldy is a simplified mobile first responsive grid. It's based on the 960 Grid, and is designed for people (like us at Paravel) who are transitioning into Responsive Web Design.

It's ugly on purpose. It's not a framework or a drop-in solution, it's a starting point. It's a ~~learning tool~~ launch pad that is made to be customzied.

Grid

.grid-1

.grid-2

.grid-3

.grid-half

.grid-4

.grid-2

.grid-1

.grid-4

.grid-1

.grid-5

.grid-1

.grid-6 or .grid-full

Gallery

One common task in responsive web design is making a grid of thumbs collapse into a 2-column grid. Foldy makes this easy. 6 is the magic number. And it should be easy enough to understand how the simplified grid works that you could modify it yourself.