Flex-Grow Property with Code Examples Flexbox CSS Tutorial

CSS Flexbox Flex-Grow Tutorial - In this Flexbox tutorial, I discuss and show examples of the flex-grow property. Flex-grow is a css property of the flex item to make the flex item grow if there is free space available. In this video, I show code examples of what flex-grow does and provide you with the method for calculating how much flex-grow will increase the width of the flex item by. If you have a flex-grow of 1 for one flex item and a flex grow of 2 for another flex item then you are dividing the free space into 3 even parts. The free space is then distributed by giving 2/3's to the flex item with a flex grow of 2 and 1/3 to the flex item with a flex grow of 1. Thank you for watching this tutorial on flex-grow, and please subscribe to Bootstrap CSS Girl.