grow / grow-0 — how a child absorbs free space. This family contains 2 generated classes in Nakshora 3.0.
Classes#
| Class | Generated CSS |
|---|---|
grow-0 | flex-grow: 0; |
grow | flex-grow: 1; |
Example#
example
<div class="flex"><div class="grow">expands</div></div>Responsive & variants#
Every class here accepts screen prefixes (sm: … xl:) and state variants — md:hover:p-4 style stacks compile to a single media query. See responsive/index|Responsive design and variants/index|Variants.
Related#
utilities/grid/grid-template-columns|Grid · comparisons/grid-vs-flexbox|Grid vs flexbox