### <a name="flex-grow"></a> &#8226; flex-grow
**Summary:**

The CSS flex-grow property specifies the flex grow factor of a flex item.

Resources: **[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow)**, **[CSS-Tricks](http://css-tricks.com/almanac/properties/f/flex-grow/)**

**Syntax:**

Default value: 0

    .flex-grow(<number>) 
  
**Example:**

    div {
     .flex-grow(2);
    }
    
    // Result
    div {
     -webkit-flex-grow: 2;
     flex-grow: 2;
    }