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