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>