• Default
  • .freeze
  • Width
  • Position
  • Display

.w-90

.w-75

.w-50


.flex

.w-50

.w-25

.w-25

.w-33

.w-66


.flex-50

div

div

div

div


.w-90

.w-75

.w-50


.flex

.w-50

.w-25

.w-25

.w-33

.w-66



.flex-50

div

div

div

div



.freeze

.w-90.freeze

.w-75.freeze

.w-50.freeze


.flex.freeze

.w-50

.w-25

.w-25

.w-33

.w-66


.flex-50

div.freeze

div.freeze

div

div


.w-90.freeze

.w-75.freeze

.w-50.freeze


.flex.freeze

.w-50

.w-25

.w-25

.w-33

.w-66



.flex-50

div.freeze

div.freeze

div

div



.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


.flex

.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


.flex-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


.flex

.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



.flex-50

div

.sm:w-33

.sm:w-33

.sm:w-33



.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

.sm:hide, .sm:show

.color:1 .sm:hide
.color:3 .sm:show
.color:1 .sm:hide
.color:3 .sm:show
  • Default
  • .tablet
  • Width
  • Position
  • Display

.w-90

.w-75

.w-50


.flex

.w-50

.w-25

.w-25

.w-33

.w-66


.flex-50

div

div

div

div


.w-90

.w-75

.w-50


.flex

.w-50

.w-25

.w-25

.w-33

.w-66


.flex-50

div

div

div

div


.tablet

.tablet

.w-90

.w-75

.w-50


.flex.tablet

.w-50

.w-25

.w-25

.w-33

.w-66


.flex-50.tablet

div

div

div

div


.tablet

.w-90

.w-75

.w-50


.flex.tablet

.w-50

.w-25

.w-25

.w-33

.w-66



.flex-50.tablet

div

div

div

div



.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


.flex

.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


.flex-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


.flex

.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



.flex-50.tablet

div

.md:w-33

.md:w-33

.md:w-33



.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

.md:hide, .md:show

.color:1 .md:hide
.color:3 .md:show
.color:1 .md:hide
.color:3 .md:show
Coming soon

Oops sorry!!!

This content is not available yet.