new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Tailwind CSS v4 · all subjects

utilities/flex-grow

7 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

flex-grow utilities table

The flex-grow utilities in Tailwind CSS v4 are: grow produces flex-grow: 1; grow-<number> produces flex-grow: <number>; grow-[<value>] produces flex-grow: <value>; grow-(<custom-property>) produces flex-grow: var(<custom-property>);

grow utility sets flex-grow to 1

The grow utility class sets flex-grow: 1, allowing a flex item to grow to fill available space.

grow-<number> for proportional growth

The grow-<number> utilities like grow-3 or grow-7 set flex-grow to the specified number, allowing flex items to grow proportionally based on their growth factor relative to each other.

grow-0 prevents flex item growth

The grow-0 utility class sets flex-grow: 0, preventing a flex item from growing.

grow-[<value>] for arbitrary flex-grow values

The grow-[<value>] syntax allows setting arbitrary flex-grow values, such as grow-[25vw].

grow-(<custom-property>) for CSS custom properties

The grow-(<custom-property>) syntax allows using CSS custom properties for flex-grow, producing flex-grow: var(<custom-property>).

flex-grow utilities support responsive design

The flex-grow utilities in Tailwind CSS v4 support responsive design modifiers.

Give your agent this brain