Skip to main content

Height

Height controls how tall an element is. Use it to set the size of blocks, images, or placeholders.

Usage​

Use numbers to control height in simple steps.

  • height-0 to height-99

Numbers make the height bigger or smaller in simple steps, and they still scale with the screen.

Example​

<div class="height-20">
  <p>Short block</p>
</div>

Valid values:

  • Whole numbers only (0–99). Leading zeros are OK (height-02 is the same as height-2).
  • Invalid examples: height-100, height-2.5, height--1, height-xx.

Note: Height can’t exceed the space available in the layout.