Flex container properties
A free video tutorial from Vishwas Gopinath
4.5 instructor rating • 5 courses • 110,169 students
Learn more from the full courseCSS Flexbox - Mastering the Basics
01:17:56 of on-demand video • Updated June 2018
- Build page layouts with ease
- Get started on learning Bootstrap 4
English [Auto] In this video let me list down all the possible properties that can be applied to a flex container. First we have the display property. This is what defines a flex container and is mandatory to work with flex box. Next is flex direction. It defines the direction in which the flex items are placed in the container. Third we have flex wrap which is used to control the wrapping of items within a container. We then have flex flow which is a shorthand for the combination of flex direction and flex wrap. Then there is justified content that defines the alignment of the items along the main axis. Similarly we have the light items property which defines how flex items are laid out along the cross axis. Finally we have the Allain content property. This is similar to justify content with the difference being this will align along the Cross access instead of the main axis also aligned content works only when there are multiple rows of flex items in the container. All right. Now that we know the properties that can be applied to flex container. Let's take a closer look at each of the properties starting with the display property.