flex:
Flex is used to display the block level element in inline.Its used in different forms by learning the flex in css we can easily style the element.
Flex-direction:
The default flex direction is always row.If the main axis of the flex-direction is row means we should use the justify-content and for opposite direction we can use the align-items.
Justify-content:
- flex-start:Its used to align items in the container in the first
- flex-end:Align items in the end of the container
- Center:Align items in center
- Space-between:It align the items evenly,with the first item in the start and last item in the end.
- Space-around:It spread items with evenly space around them.
- space-evenly:Items are spaced evenly,with equal space between them.
Top comments (0)