h-full: Tailwind CSS Height class

The h-full class forces an element to take up 100% of the height of its parent container.

h-full

The h-full class forces an element to take up 100% of the height of its parent container. This is useful when creating full-height layouts or aligning child elements to fill their container.

Code Example

html
<div class="h-32">
    <div class="h-full bg-indigo-500 text-white text-center flex justify-center items-center font-bold rounded-md">Height: full</div>
  </div>

Preview

Height: full

Windframe is an AI visual editor for rapidly building stunning web UIs & websites

Start building stunning web UIs & websites!

Build from scratch or select prebuilt tailwind templates
Learn more about Windframe