43- Flexbox

Makes it easier to design flexible responsive layout structure

Flex Containers

display

Some text

1

2

3

4

Ordering & Orientation

flex-direction

1

2

3

4

flex-wrap

1

2

3

4

flex-flow

1

2

3

4

order

1

2

3

4

Alignment

justify-content

1

2

3

4

align-items

1

2

3

4

align-self

1

2

3

4

align-content

1

2

3

4

Flexibility

flex-grow

1

2

3

4

flex-shrink

1

2

3

4

flex-basis

1

2

3

4