# Flex grow

How much leftover space a flex item takes.

## What does `flex-grow` do?

`flex-grow` says how much of the leftover space an item takes. `1` means "grow to fill".

```css
.search-box { flex-grow: 1; }   /* the search field fills the rest of the toolbar */
```

Level: Journeyman · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/journeyman)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/flex-grow