max-h-32: Tailwind CSS Height class

The max-h-32 class sets the maximum height of an element to 8rem (128 pixels).

max-h-32

The max-h-32 class sets the maximum height of an element to 8rem (128 pixels). This is useful for containers that should not exceed a medium height.

Code Example

html
<div class="flex justify-center items-center rounded-t">
 <div class="w-80 border text-white bg-indigo-600 border-indigo-400 rounded-lg p-4 max-h-32 overflow-y-auto">
  <h2 class="text-lg font-bold">FAQs</h2>
  <ul class="mt-2 font-medium">
    <li class="mb-2">Q1: What is Tailwind CSS ?</li>
    <li class="mb-2">Q2: How do I use max-height ?</li>
    <li class="mb-2">Q3: What are responsive utilities ?</li>
    <li class="mb-2">Q4: Can I customize Tailwind ?</li>
  </ul>
</div>
</div>

Preview

FAQs

  • Q1: What is Tailwind CSS ?
  • Q2: How do I use max-height ?
  • Q3: What are responsive utilities ?
  • Q4: Can I customize Tailwind ?

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