-
-
Save stoyanvi/9831513 to your computer and use it in GitHub Desktop.
This file contains hidden or 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