The flexible box layout module which is popularly known as Flexbox is a powerful way of designing an efficient and responsive layout in CSS... It is used to align items in one dimension.

In flexbox we basically have two axes the x-axis is known as the main axis and the y-axis is known as the cross-axis.

BENEFITS OF USING FLEXBOX...

It helps us to create a one-dimensional layout and provides much more flexibility and control over the layout design. It allows us to put elements in a row or column within our layout. One can easily distribute the space between elements in a flex container...

Thanks