Review: CSS3 Flexbox Properties

Property Description
align-content Modifies the behavior of the flex-wrap property. It is similar to align-items, but instead of aligning flex items, it aligns flex lines
align-items Vertically aligns the flex items when the items do not use all available space on the cross-axis
align-self Used on flex items. Overrides the container's align-items property
display Specifies the type of box used for an HTML element
flex Specifies the length of a flex item, relative to the rest of the flex items inside the same container
flex-direction Specifies the direction of the flexible items inside a flex container
flex-flow A shorthand property for flex-direction and flex-wrap
flex-wrap Specifies whether the flex items should wrap or not, if there is not enough room for them on one flex line
justify-content Horizontally aligns the flex items when the items do not use all available space on the main-axis
order Specifies the order of a flexible item relative to the rest of the flex items inside the same container

Back button Table of Contents Next button