By Default

.w-90

.w-75

.w-50


.align

.w-50

.w-25

.w-25

.w-33

.w-66


.align-50

div

div

div

div


.w-90

.w-75

.w-50


.align

.w-50

.w-25

.w-25

.w-33

.w-66



.align-50

div

div

div

div



Using .stuck

.w-90.stuck

.w-75.stuck

.w-50.stuck


.align.stuck

.w-50

.w-25

.w-25

.w-33

.w-66


.align-50

div.stuck

div.stuck

div

div


.w-90.stuck

.w-75.stuck

.w-50.stuck


.align.stuck

.w-50

.w-25

.w-25

.w-33

.w-66



.align-50

div.stuck

div.stuck

div

div



Using .sm:w-{n%}

{n%} : 100, 95, 90, 85, 80, 75, 70, 66, 60, 55, 50, 45, 40, 35, 30, 25, 20, 15, 10, 5

.w-90 .sm:w-100

.w-75 .sm:w-90

.w-50 .sm:w-80


.align

.w-50
.sm:w-33

.w-25
.sm:w-33

.w-25
.sm:w-33

.w-33
.sm:w-50

.w-66
.sm:w-50


.align-50

div

.sm:w-33

.sm:w-33

.sm:w-33


.w-90 .sm:w-100

.w-75 .sm:w-90

.w-50 .sm:w-80


.align

.w-50
.sm:w-33

.w-25
.sm:w-33

.w-25
.sm:w-33

.w-33
.sm:w-50

.w-66
.sm:w-50



.align-50

div

.sm:w-33

.sm:w-33

.sm:w-33



.sm:hide, .sm:show

.blue .sm:hide
.green .sm:show
.blue .sm:hide
.green .sm:show

.sm:fit, .sm:left, .sm:center, .sm:right

.left.sm:center


.center.sm:right


.right.sm:left

.left.sm:center


.center.sm:right


.right.sm:left

Using .tablet

.tablet

.w-90

.w-75

.w-50


.align.tablet

.w-50

.w-25

.w-25

.w-33

.w-66


.align-50.tablet

div

div

div

div


.tablet

.w-90

.w-75

.w-50


.align.tablet

.w-50

.w-25

.w-25

.w-33

.w-66



.align-50.tablet

div

div

div

div



Using .md:w-{n%}

{n%} : 100, 95, 90, 85, 80, 75, 70, 66, 60, 55, 50, 45, 40, 35, 30, 25, 20, 15, 10, 5

.w-90 .md:w-100

.w-75 .md:w-90

.w-50 .md:w-80


.align

.w-50
.md:w-33

.w-25
.md:w-33

.w-25
.md:w-33

.w-33
.md:w-50

.w-66
.md:w-50


.align-50.tablet

div

.md:w-33

.md:w-33

.md:w-33


.w-90 .md:w-100

.w-75 .md:w-90

.w-50 .md:w-80


.align

.w-50
.md:w-33

.w-25
.md:w-33

.w-25
.md:w-33

.w-33
.md:w-50

.w-66
.md:w-50



.align-50.tablet

div

.md:w-33

.md:w-33

.md:w-33



.md:hide, .md:show

.blue .md:hide
.green .md:show
.blue .md:hide
.green .md:show

.md:fit, .md:left, .md:center, .md:right

.left.md:center


.center.md:right


.right.md:left

.left.md:center


.center.md:right


.right.md:left

Coming soon

Oops sorry!!!

This content is not available yet.