FlexBox Flashcards
What is the vertical axis of the flexbox called?
Cross Axis
How do you change the direction of the main direction in the flex-box.
flex-direction: row | row-reverse | column | column-reverse
How to make a flex box wrap
flex-wrap: wrap | no-wrap | wrap-reverse
Define how the flex items will be aligned along the main axis
justify-content: flex-start | center | space-between | space-around | space-evenly
Defines how the items are aligned along the cross axis of the flex-box
align-item: stretch | flex-end | center | space-between | space-around
Controls how the rows are aligned along the cross axis of a flex box
align-content: stretch | flex-start | flex-end | center | space-between | space-around
Item version of the align-items. If you wanted a specific item to do something different you would use this property
align-self: auto | stretch | flex-start | flex-end | center | baseline
Determining where an item should appear in the row of items
order: 0 | int
Determining how much an item can grow in a flex-box
flex-grow: 0 | int
Determine how much an item can shrink in a flex-box
flex-shrink: 1 | int
Define the base width of flex items
flex or flex-basis: auto | int
divert the direction of the main axis in the flex-box
flex-direction: row-reverse
