CSS Flexbox

 CSS Flexbox

Flexbox is a powerful layout module that provides a flexible way to arrange elements in a container. Some commonly used properties include:

Flex-direction: Specifies the direction of the flex container. For example:

.container {

  display: flex;

  flex-direction: row;

}

Justify-content: Defines how flex items are aligned along the main axis. For example:

.container {

  display: flex;

  justify-content: center;

}

Align-items: Specifies how flex items are aligned along the cross axis. For example:

.container {

  display: flex;

  align-items: center;

}