Syntax

flex-grow

Setting how flex items grow.

Class	Declarations
flex-grow:`value`	flex-grow: `value`;

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>

Setting the direction of flex items.

Setting how flex items shrink.

Overview