Flexbox is a powerful layout techniques in CSS that allow developers to create complex and responsive layouts with ease. Here's a brief overview of each:

Flexbox 
• Flexbox is designed to provide a more efficient way to lay out, align, and distribute space among items within a container, even when their size       is unknown or dynamic. 
• It works along a single axis at a time, either horizontally or vertically. 

flex-direction: row; justify-content: center;

flex-direction: row-reverse; justify-content: space-between; 

flex-direction: column; justify-content: center; 

display:inline-flex , flex-direction: row; justify-content: flex-end;

display:flex; justify-content: flex-end; align-item: flex-end