Skip to content

Width

Use these utility classes to set element widths.

How It Works

These classes can be applied using the following format
u-{value1}/{value2}

  • value2 can be 2, 3, 4, 5, 6, 8, 12 & 24 .
  • value1 can have the value from 1 to max value of value2 .

Examples:

  • u-1/2 or u-2/2 - Halves
  • u-1/3 or u-3/3 - Thirds
  • u-1/4 or u-3/4 - Fourths
  • u-1/8 or u-3/8 - Eighths
  • u-1/12 or u-3/12 - Twelfths
  • u-1/24 or u-3/24 - Twenty-fourths