Learn Flexbox
Flex Container:-
Flex Container :-
- display: flex/inline-flex; (*)
- justify-content:
- align-items:
- flex-wrap:
- flex-flow:
- align-content:
- flex-direction:
The flex-flow
property is a shorthand property for setting both the flex-direction
and flex-wrap properties.
Justify-content:
works in main-axis/ Horizontally
align-items:
works in cross-axis/ Vertically