h-48: Tailwind CSS Height class

The h-48 class applies a height of 12rem (192 pixels), making it ideal for larger UI components like hero sections, image containers, or content blocks.

H-48

The h-48 class applies a height of 12rem (192 pixels), making it ideal for larger UI components like hero sections, image containers, or content blocks.

Code Example

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

Preview

Height: 48

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