Flexbox Layout & Alignment Properties

1.1 Flexible Containers & Alignment

Flexbox provides one-dimensional layout capability for alignment using `display: flex`, `justify-content`, and `align-items`.

.flex-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.item {
  flex: 1;
  padding: 12px;
}