Sizing

Helper tools for elements width and height..

Width

w5
w10
w15
w20
w25
w30
w35
w40
w45
w50
w55
w60
w65
w70
w75
w80
w85
w90
w95
w100
<div class=“w5”>w5</div>
…
<div class=“w100”>w100</div>

100% width on small devices.

w100-sm
<div class=“w50 w100-sm”>…</div>

Auto Width

.w-auto
.w-auto-sm

Max Width

.max-w5 — .max-w100
.max-w-auto-sm

Min Width

.min-w5 — .min-w100