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-wrap: Tailwind CSS Flex class

The flex-wrap class allows flex items to wrap onto multiple lines if they dont fit within the containers width.

flex-wrap

The flex-wrap class allows flex items to wrap onto multiple lines if they don't fit within the container's width.

Example Code

html

<div class="flex flex-wrap items-center justify-center text-white p-5 font-bold bg-yellow-100">
  <div class="bg-yellow-700 p-4 m-2 rounded">flex-wrap</div>
  <div class="bg-yellow-700 p-4 m-2 rounded">flex-wrap</div>
  <div class="bg-yellow-700 p-4 m-2 rounded">flex wrap</div>
</div>

Preview

flex-wrap

flex wrap

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