Flexbox

Flex Wrap

Utilities for creates how flex items wrap.

Class

class	css
flex-no-wrap	flex-wrap: nowrap
flex-wrap	flex-wrap: wrap
flex-wrap-reverse	flex-wrap: wrap-reverse

Usage

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

Usage

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

Variant

Variant	Enabled	Responsive
Default	Yes	Yes
Dark Theme
hover
group-hover
focus
focus-within
active
visited
checked
disabled