What is flex in css ?? And how its works ?

*Flex
*
Flex in css is an one-dimensional model, used to distribute

space and align items inside a container.

Using (display: flex) you can declare flex in the container, Usually

by default flex direction points to row , we can also change it to

column by using (flex-direction) .

We can distribute space and align items by using (justify-content).

For,

1. main-axis : justify-content.

2. cross-axis: align-items.

Flex-direction: row.

1. Justify-content (Main-axis): Horizontal (left to right).

2. Align-items (cross-axis): vertical (top to bottom).

Flex-direction: column.

1. Justify-content (main-axis): vertical(top to bottom).

2. Align-items (cross-axis): horizontal(left to right).