/320-susy

combining Andy Clarke's '320-and-up' boilerplate with Susy's responsive grids.

Primary LanguageJavaScript

WARNING: This is old. You are much better off with Susy 1.0. I recommend the mobile-first approach, but I don't recommend the pre-defined media breakpoints. Roll your own meaningful breakpoints with the new Susy in seconds.

320+Susy

320 and up is a 'tiny screen first' boilerplate extension by Andy Clarke.

Susy is a flexible grid-building tool by Eric Meyer, built in Compass/Sass.

This is an example of how one might use them together, to build different grids for different devices on one site.

Notes:

  • There is more code here than is needed. I left most of my default boilerplate styles in place. That could be optimized more, if I cared.