CRIDS is a responsive, mobile first, fluid, nestable, CSS (sass-based) grid system for advanced usage. It comes with 12 columns by default and several grid options, which can be separately enabled inside the scss-file. CRIDS is fully customizable (SCSS file) to get just the code you need and the classnames you want. Simply reduce file size and eliminate unneccesary CSS, it all results in your own small grid system. Have fun.
| desc | columns | push/pull | append | prepend | collapse | center | hide | breakpoints | custom cols | size (.min) |
|---|---|---|---|---|---|---|---|---|---|---|
| mini-12 | 12 | no | no | no | no | no | no | no | yes | 421 KB |
| simple-12 | 12 | no | no | no | no | no | no | yes | no | 1.150 KB |
| default-12 | 12 | no | no | yes | yes | yes | yes | yes | no | 4.273 KB |
| full-12 | 12 | yes | yes | yes | yes | yes | yes | yes | no | 8.419 KB |
| mini-24 | 24 | no | no | no | no | no | no | no | no | 563 KB |
| simple-24 | 24 | no | no | no | no | no | no | yes | no | 2.035 KB |
| default-24 | 24 | no | no | yes | yes | yes | yes | yes | no | 7.151 KB |
| full-24 | 24 | yes | yes | yes | yes | yes | yes | yes | no | 15.528 KB |