Syntax

Flex Wrap

Setting how flex items wrap.

🚧This page is still under construction and some content may not be complete.

Overview

ClassDeclarations
flex-wrap:valueflex-wrap: value;
flex:wrapflex-wrap: wrap;
flex:wrap-reverseflex-wrap: wrap-reverse;
flex:nowrapflex-wrap: nowrap;

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

<div class="flex-wrap:wrap:hover flex-wrap:wrap@sm flex-wrap:wrap@dark flex-wrap:wrap@print">…</div>
Syntax
Flex Shrink

Setting how flex items shrink.

Syntax
Float

Placing an element on the left or right side of its container.

© Aoyue Design LLC.
MIT License