Fadli Saad

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