Check out our free templates made with AI and polished to perfection in Windframe

Docs Import Blocks Full Pages Form Builder Pricing Support Refer and earn

Changelog

flex-auto: Tailwind CSS Flex class

The flex-auto class makes an element fully grow and shrink as needed, while occupying all available space.

flex-auto

The flex-auto class makes an element fully grow and shrink as needed, while occupying all available space.

Example Code

html

<div class="flex p-10 bg-gray-100 space-x-5">
  <div class="flex-auto bg-blue-400 p-4  text-center text-white font-bold rounded">Flexible Item</div>
  <div class="bg-gray-400 p-4  text-center text-white font-bold rounded">Fixed Item</div>
</div>

Preview

Flexible Item

Fixed Item

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