Main Axis and Cross Axis
swap_horiz
Main Axis: Primary direction of flex items
swap_vert
Cross Axis: Perpendicular to main axis
settings_ethernet
flex-direction: Determines main axis direction
compare_arrows
Properties: Alignment based on axis orientation
code
Axis-Related Properties
horizontal_distribute
justify-content
Main axis alignment
vertical_distribute
align-items
Cross axis alignment
height
flex-grow
Main axis growth
width
flex-shrink
Main axis shrinking