Created
December 30, 2011 19:24
-
-
Save nathansmith/1541124 to your computer and use it in GitHub Desktop.
Percentage Based "Grid"
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // How I would approach a fluid grid: | |
| // | |
| // [1] Let the name reflect the % width, | |
| // eliminating "1 of 12" guesswork. | |
| // | |
| // [2] Also, put 10px of padding to either | |
| // side, to stack and make a 20px gutter. | |
| // | |
| // [3] Make the box-sizing = border-box, so that | |
| // 50% + 20px total side padding = 50%, etc. | |
| // | |
| // [4] Have a class of "is-parent" to kill off | |
| // the padding on units with nested children. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
NOTE:
I've gone ahead and built this out into an actual grid framework.
http://unsemantic.com