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.
On this page of the site you can watch the video online Flex-Grow Property with Code Examples Flexbox CSS Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Java made Simple 05 June 2017, share the link with friends and acquaintances, this video has already been watched 972 times on youtube and it was liked by 7 viewers. Enjoy your viewing!
