1. Docs
  2. Utilities
  3. Sizes
Buy Now Contact

Size Utilities

Used to quickly adjust the width and height of an element based on its container.

Width

Use width utilities to quickly adjust the width of an element (based on its container).

25% Width
50% Width
75% Width
100% Width
<div class="u-width-25">...</div>
<div class="u-width-50">...</div>
<div class="u-width-75">...</div>
<div class="u-width-100">...</div>

Height

Use height utilities to quickly adjust the height of an element (based on its container).

25% Height
50% Height
75% Height
100% Height
<div class="u-height-25">...</div>
<div class="u-height-50">...</div>
<div class="u-height-75">...</div>
<div class="u-height-100">...</div>