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

flex-initial: Tailwind CSS Flex class

The flex-initial class sets an element's flex property to its initial value: it doesn't grow or shrink and takes up only the space it needs.

flex-initial

The flex-initial class sets an element's flex property to its initial value: it doesn't grow or shrink and takes up only the space it needs.

Example Code

html

<div class="flex p-10 bg-yellow-50 space-x-5">
  <div class="flex-initial bg-blue-500 p-4 text-center text-white font-bold rounded">Flex-initial</div>
  <div class="bg-blue-200 p-4 flex-grow text-center text-white font-bold rounded">flex-grow</div>
</div>

Preview

Flex-initial

flex-grow

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