Pure CSS – Grids Units:

Pure comes with 2 types of Grids Units Sizes.

  1. 5th Based Grid Unit Size
  2. 24th Based Grid Unit Size

All Units are the fractions of 5 or 24 which needs to be appended to pure-u to make a class name. For example, pure-u-1-4 is the unit class name of 20% width.

Below is the example for 5th based Grids Units:

Below is the output for 5th Grids Units.

GridsUnits - i2tutorials

Below is the example for 24th based Grid Units:

Below is the output for 24th Grids Units.

Coming soon