Flexbox is used to design a CSS layout efficiently and appear CSS layout attractive.there are different types of flexbox property and flexbox items flexbox properties are order it sets the flex items in a ordered way that is in ascending order the default value of order is zero.display property displays the flex items within the container .align items align the flexbox items within the container's width that is we can move the flex item to different position in the cross axis within the flexbox container.justify content helps flex items to move along the main axis that is x-axis and gap property as the name suggest here that it provide space between flex items in row and column wise .there are different flex items are as flex-grow ,flex-shrink,flex-basis,flex-direction etc