MonorailCss

Flex Grow

Utilities for controlling how flex items grow.

Class CSS Output
grow 
flex-grow: 1;
}
grow-0 
flex-grow: 0;
}
flex-grow 
flex-grow: 1;
}
flex-grow-0 
flex-grow: 0;
}
grow-[value] 
flex-grow: [value]
}

grow

flex-grow: 1;

grow-0

flex-grow: 0;

flex-grow

flex-grow: 1;

flex-grow-0

flex-grow: 0;

grow-[value]

flex-grow: [value]

Reference

flex-grow MDN ↗

CSS Properties

  • flex-grow