CSS Flexbox Alignment

 CSS Flexbox Alignment

CSS Flexbox provides properties to control the alignment of flex items within a container. Some commonly used alignment properties include:

align-items: Specifies how flex items are aligned vertically within the flex container. For example:

.container {

  display: flex;

  align-items: center;

}

justify-content: Defines how flex items are aligned horizontally within the flex container. For example:

.container {

  display: flex;

  justify-content: space-between;

}

align-self: Overrides the alignment of an individual flex item. For example:

.item {

  align-self: flex-end;

}