Check out our free templates made with AI and polished to perfection in Windframe
Get nowflex-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!
