flex-direction
: Defines the direction of the main axis (row
, column
).justify-content
: Aligns items along the main axis.align-items
: Aligns items along the cross axis (perpendicular to the main axis).
Flexbox's power lies in its ability to control the sizing of flex items. These three properties (flex-basis
, flex-grow
, and flex-shrink
) are crucial for creating responsive, adaptive layouts.