flex-direction
: Direction of flex items (row
, row-reverse
, column
, column-reverse
).justify-content
: Aligns items along the main axis (flex-start
, flex-end
, center
, space-between
, space-around
).align-items
: Aligns items along the cross axis (flex-start
, flex-end
, center
, baseline
, stretch
).
.flex-container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}