Skip to content

Flex Wrap

Controls how flex items are wrapped.

Class Properties

fw-nw

flex-wrap: nowrap;

fw-w

flex-wrap: wrap;

fw-wr

flex-wrap: wrap-reverse;

Using breakpoints

Using responsive breakpoints like sm:fw-*, md:fw-*, lg:fw-*, and xxl:fw-* allows targeting specific utilities in different viewports.

<div class="fw-wr md:fw-w ..."></div>

Using variants

Using :hover variants such as h:fw-* allows you to override elements and change their values when hovering over them.

<div class="fw-wr h:fw-w ..."></div>