Unit Grid System
A Unitless, Fluid, Elastic, Semantic, Responsive, Scalable, Debuggable, Declarative, Simple to use Grid System! And... HTML5 and CSS3 Ready!
Sites using the Unit Grid System
-
24+1 columns 
-
24+1 columns 
Send us your site, tell us about your experience with the Unit Grid System.
Inspiration and References
- Golden Grid System from Joni Korpi - This project started because I wanted my site to look like that. Amazing artist... my main reference for how to create a grid system. Be sure to check it out.
- Semantic.gs - A simple to use semantic grid system.
-
320 and up - Mobile first is the way to create a responsive design. Feel free to sketch as you want, but implementing... always mobile first.
Note: When I didn't do that, I regreted...
- HTML5Boilerplate - ...
- Vertical Rythm -
- Modular Scales - ...
- Web Typography - ...
FAQs and Tips
- Why another grid system? - Link to the article that explains why.
- Mobile first
- Box-sizing: border-box
- Support for IE6-8
Note: If you have a question that is not explained here, feel free to contact me at [myself] [at] [bernardoantunes.com]