## Width

###### Set Width

You can set a width to an element instantly by using the following utilities classes for width.

.wd-80
.wd-150
.wd-100

###### Percentage Width

You can set a width through percentage using the following utilities classes.

Class | Value
--- | ---
`.wd-[value]p` | 10 | 20 | 30 | 40 | ... | 100 (step of 10)

###### Media Query Width

You can also set a width to a different media query using the following utilities classes.

Class | Value
--- | ---
`.wd-[size]-[value]` | size: xs | sm | md | lg | xl value: the width value (refer to code above)
`.wd-[size]-[value]p`

###### Extra Width Classes

You can also set a width using the extra utilities classes below.

Class | Description
--- | ---
`.wd-100v` | Set a width to an element based on viewport width.
`.wd-auto` | Set an auto width to an element.

###### Sales Summary

###### Total Revenue

weekly profit

##### $15,300

###### Total Tax

weekly profit

##### $1,625

###### Total Income

weekly profit

##### $55,897

###### Total Loss

weekly profit

##### 20%