In this lesson, let me list down all the properties that can be applied in the flex container.
display: flex
flex-direction: row-reverse defines the direction in which flex items are placed in the container.
flex-direction: row-reverse
flex-wrap: wrap which is used to control the wrapping of items within a container.
flex-wrap: wrap
flex-flow: row-reverse wrap its a shorthand for the combination of flex-direction and flax-wrap
flex-flow: row-reverse wrap
flex-direction
flax-wrap
row
row-reverse
column
column-reverse
initial
inherit
Default value is “row”.
Specifying the direction of the flexible items
nowrap
wrap
wrap-reverse
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.
justify-content: center
align-items: center It defines how the flex item is laid out along the cross axis.
align-items: center
align-content: center It defines how the flex item is laid out along the cross axis.
align-content: center