Flex Wrap
Controls how flex items are wrapped.
Class | Property |
---|---|
fw-nw | flex-wrap: nowrap; |
fw-w | flex-wrap: wrap; |
fw-wr | flex-wrap: wrap-reverse; |
Using responsive modifiers
Using responsive breakpoints like sm:fw-*
,
md:fw-*
, lg:fw-*
, and xxl:fw-*
allows targeting specific utilities in
different viewports.
Using hover modifiers
Using :hover
modifiers such as h:fw-*
allows
you to override elements and change their values when hovering over them.