Syntax

Flex Grow

Setting how flex items grow.

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

Overview

ClassDeclarations
flex-grow:valueflex-grow: value;

Conditionally apply

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

<div class="flex-grow:1:hover flex-grow:1@sm flex-grow:1@dark flex-grow:1@print">…</div>
Syntax
Flex Direction

Setting the direction of flex items.

Syntax
Flex Shrink

Setting how flex items shrink.

© Aoyue Design LLC.
MIT License