CSS – Flexbox – Centering Horizontally and Vertically
Using Flexbox, the justify-content property, and align-items property, an element can be centered both horizontally and vertically within it’s parent.
CSS – Flexbox – Specifying the Order of Items
The order property determines the order of a flex item. The first flex item to appear in the code does not have to appear as the first item in the layout.
CSS – Flexbox – Specify the Initial Length of Items
The flex-basis property specifies the initial length of a flex item.
CSS – Flexbox – Growing the Width of Items
The flex-grow property specifies how much a flex item will grow relative to the rest of the flex items to fill their parent container.
CSS – Flexbox – Shrinking the Width of Items
The flex-shrink property specifies how much a flex item will shrink relative to the rest of the flex items while filling their parent container.