Easy to use flexbox grid, using the CastleCSS breakpoint system.
- +CastleCSS has a completely fluid and nestable flexbox grid, with 12 to 24 columns, depending on the breakpoint you are viewing. The column widths are predefined as fixed percentages and the gutter widths are variables that can be influenced per breakpoint.
To start a new grid in html you first create an element with the g class (which stands for grid).
@@ -286,7 +286,7 @@
nowrap in IE10 the grid items won't stay withing the container. We don't recommend using this option if you need to support IE10.
+ * When you use nowrap in IE10 the grid items won't stay withing the container. We don't recommend using this option if you need to support IE10.
- - - - - + + + + +
You can "push" grid-items across the grid with push classes: {breakpoint}-push- classes.
You can "push" grid-items across the grid with push classes: {breakpoint}-push- classes.
Example: b3_push_01 (push 1 column from breakpoint 3 and up.