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
flex wrap

Windframe is a drag and drop builder for rapidly building tailwind css websites and UIs

Start building stunning tailwind UIs! 

Build from scratch or select prebuilt tailwind templates