space-between: Distributes the items along the main axis, with the remaining space placed evenly between the items.center: Groups the items at the very center.flex-end: Groups the items at the end of the main axis.flex-start: The default value, which groups the items in order at the start of the line of the main axis. But this can be changed using the justify-content property on the flex parent. Justify Contentīy default, flex-children are aligned along the main axis at the start of the axis line, kind of like words in a sentence. Pay attention to how the children change direction and order. In the example above, try the different possible values for flex-direction for the. Here, the line with the arrow represents the direction of the main axis. The direction of specified here is referred to as the main axis. column-reverse: Reverses the order of the items and places them in a vertical line.column: Places the items in a vertical line.row-reverse: Reverses the order of elements and places them in a horizontal line.
0 Comments
Leave a Reply. |