Following are the rules to use Pure.CSS Grids:
- Widths of Units are in fractions. For example, pure-u-1-2 represents 1/2 or 50% width, pure-u-2-5 represents 2/5 or 40% width and so on.
- Children of Pure Grid (element with pure-g class) must be using pure-u or pure-u-* classnames.
- All content should be a part of a grid unit to be rendered properly.