Height and Width
We handle height and width both in percentages and view-height/width. Both are broken into quarters.
Percentage
Class
| Class | Result |
|---|---|
h-{ 25, 50, 75, 100 } | Height is set to the corresponding percentage. |
h-auto | Height is set to auto. |
w-{ 25, 50, 75, 100 } | Width is set to the corresponding percentage. |
w-auto | Width is set to auto. |
Viewport
Class
| Class | Result |
|---|---|
vh-{ 25, 50, 75, 100 } | Height is set to the corresponding percentage based on the viewport. |
vw-{ 25, 50, 75, 100 } | Width is set to the corresponding percentage based on the viewport. |