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 a drag and drop builder for rapidly building tailwind css websites and UIs
Start building stunning tailwind UIs!
