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