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

Get now

flex-none: Tailwind CSS Flex class

The my-2 class adds a margin of 0.5rem (8px) to the top and bottom sides of an element.


flex-none

The flex-none class prevents an element from growing or shrinking, keeping it at its intrinsic size.

Example Code

html
<div class="flex items-center justify-center">
<div class="flex-none bg-red-500 p-4 text-white font-bold rounded">flex-none</div>
</div>

Preview

flex-none

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