How does CSS Flexbox handle alignment and spacing between items in a responsive layout?

1)how does flexbox work ?

2)What property makes an element a flex container?

3)Flexbox is mainly used for which type of layout?

4)What does flex-wrap: wrap do?

5)Which property controls how much a flex item grows relative to others?