A responsive version of the 960 grid, the Pvel way!
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
README.md Added Elyses repos to the readme Nov 26, 2013
index.html Mobile First Sep 4, 2012
style.css Mobile First Sep 4, 2012


Foldy960 - A responsive 960 grid from Paravel

Foldy960 isn't aiming to be Yet-Another-CSS-Framework and we hesitate to use the term "Boilerplate". Foldy is just a little kit and some extra classes to get you going on making your 960.gs design responsive.

New: Foldy 6 Column is a bit different than the traditional 960. It's all fluid, but for proportions sake, think of it in the following pixel dimensions:

  • 6 Columns
  • 135px wide column
  • 30px wide gutter
  • 990px total width.



  • Simplified Mobile First 6 Column Responding Grid
    • 0 - 480px: One column fluid.
    • 480 - 640px: One column fluid with a little subgridding.
    • 640px+: Fluid 6 column "960" grid.
  • .grid-right for proper content collapsing
  • .content-pad-right & .content-pad-left for extra padding if you needed. Obviously, not the most desired semantics, but absolutely bulletproof when you're padding content.
  • .gallery - a class for handling image galleries. Goes from bi-grid to tri-grid.
  • Foldy defaults to max-width: 1280px; but change that to whatever you friggin' want.


  • 09/04/2012
    • Mobile First
    • Changed to hyphenation instead of underline.
    • Changed .foldy-gallery to just .gallery with subclass .grid-unit
  • 09/07/2011
    • Switched to 6 column grid.
    • Added .foldy-gallery class.
  • 08/26/2011
    • Simplified down responsiveness down to a single media query.
  • 05/23/2011
    • Initial release.


Foldy is licensed under the WTFPL + "Not going to maintain this because the rent is too damn high" License.