*flex directions.
The flex-direction property in CSS determines the direction in which flex items are placed inside a flex container.
flex wrap.
flex-wrap is a CSS property that controls whether flex items stay on a single line or wrap onto multiple lines when there isn't enough space.
justify content
justify-content is a CSS Flexbox property that controls how flex items are aligned along the main axis (the direction set by flex-direction).
For the default flex-direction: row, the main axis is horizontal, so justify-content controls the horizontal spacing of items.
main axis and cross axis
if the main axiss is row the cross axis is column and main axis is column the cross axis is row.
when the flex direction is row the main axis is row when you move the main axis elements use justify content-center.
when you move the cross axis use the align items center.
Top comments (0)