Flexbox

The CSS3 flexbox is used to make the elements behave predictably when they are used with different screen sizes and different display devices. It provides a more efficient way to layout, align and distribute space among items in the container.It is mainly used to make CSS3 capable to change its items width and height to best fit for all available spaces. It is preferred over block model.The CSS3 flexbox contains flex containers and flex items.