In this lesson, let me list down all the properties that can be applied in the flex container.
flex-direction: row-reverse defines the direction in which flex items are placed in the container.
flex-wrap: wrap which is used to control the wrapping of items within a container.
flex-flow: row-reverse wrap its a shorthand for the combination of flex-direction and flax-wrap
flex-flow: row-reverse wrap
Default value is “row”.
Specifying the direction of the flexible items
Default value is “nowrap”.
Specifying whether the flexible items should wrap or not
justify-content: center its defines the alignment of the item along the main axis.
align-items: center It defines how the flex item is laid out along the cross axis.
align-content: center It defines how the flex item is laid out along the cross axis.