Press/to search

Flexbox

Flex Wrap

Utilities for creates how flex items wrap.


Class

classcss
flex-no-wrapflex-wrap: nowrap
flex-wrapflex-wrap: wrap
flex-wrap-reverseflex-wrap: wrap-reverse

Usage

<!-- Example -->
<y class="flex flex-wrap">
<y> ... </y>
<y> ... </y>
</y>

Usage

<!-- Example -->
<y class="flex flex-wrap">
...
</y>

Variant

ResponsiveDark ModeLight ModeReduce-MotionPortraitLandscapeHoverGroup-HoverFocusGroup-FocusFocus-VisibleFocus-WithinActiveVisitedCheckedDisabled

Default enabled variants. Read more information about the Responsive and Pseudo-Class Variants.