What is flexbox and properties of flexbox.

The flexbox property in CSS is the combination of flex-grow property, flex-shrink property, and flex-basis property. That is used to set the length of flexible items. The flexbox property is much responsive and mobile friendly for web page. It is easy to positioning child elements and the main container. The margin doesn’t collapse with the content margins in flexbox property. The flexbox property is easy to covert ordering of HTML.

Flexbox css property that can be applied on HTML container.

display: flexbox | inline-flex;
flex-direction: row | row-reverse | column | column-reverse;
flex-wrap: nowrap | wrap | wrap-reverse;
flex-flow: <‘flex-direction’> || <‘flex-wrap’>
justify-content: flex-start | flex-end | center | space-between | space-around;
align-items: flex-start | flex-end | center | baseline | stretch;
align-content: flex-start | flex-end | center | space-between | space-around | stretch;