Flex

Flex Grow

Style syntax for setting how flex items grow.

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

Overview [sr-only]

ClassDeclarations
flex-grow:valueflex-grow: value

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

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

Style syntax for setting the direction of flex items.

NEXT
Flex Shrink

Style syntax for setting how flex items shrink.

MIT License © Aoyue Design LLC.