WIDTH
Set Width
You can set the width for an item by using the following auxiliary classes. Add Class .w-[value]
.w-70
.w-100
.w-150
Small
| Class | Value |
|---|---|
.w-[value] |
0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
Medium
| Class | Value |
|---|---|
.w-[value] |
15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 60 | 70 | 80 | 90 | 100 | 125 | 150 | 200 |
Large
| Class | Value |
|---|---|
.w-[value] |
225 | 250 | 300 | 350 | 400 | 450 | 500 | 600 | 700 | 800 | 900 | 1000 |
PERCENTAGE WIDTH
Set Width
With the following auxiliary classes you can define the width with percentage. Add class.w-[value]p
.w-5p
.w-10p
.w-20p
| Class | Value |
|---|---|
w-[value]p |
5 | 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 | 50 | 55 | 60 | 65 | 70 | 75 | 80 | 85 | 90 | 95 | 100 |
OTHER WIDTH
Set Width
You can set the width by using the following other auxiliary classes.
| Class | Value |
|---|---|
.w-100v |
width: 100vw |
.w-auto |
width: auto |