# Size Helper Classes
# Width and Max-Width Helper Classes
TIP
You can set the percentage of the width in steps of 5:
.h-width-5 [5 - 100]
.h-max-width-25 [5 - 100]
1
2
2
...-15
h-width-30
h-width-60
h-fullwidth
hide code
<div class="h-highlight-block -dark h-width-15 h-color-white">...-15</div>
<div class="h-highlight-block h-width-30">h-width-30</div>
<div class="h-highlight-block -dark h-width-90 h-color-white">h-width-60</div>
<div class="h-highlight-block h-fullwidth">h-fullwidth</div>
# Special Width Helper Classes
# Full-Width
.h-width-100 / .h-fullwidth
h-width-100
h-fullwidth
hide code
<div class="h-highlight-block h-width-100">h-width-100</div>
<div class="h-highlight-block -dark h-fullwidth">h-fullwidth</div>
# Auto Width
.h-width-auto reset width to "width: auto"
.h-width-no-max reset max-width to 0
# Height Helper Classes
TIP
You can set the percentage of the width in steps of 5:
.h-height-50 [5 - 100]
1