CSS note

What is:

• unset // Go back to last inherited value.
• flex-grow, flex-shrink // Decide which and how the element takes up remaining spaces;
• flex-warp; // opposite to overflow:scroll, make newline if too many flex element
• align-items: flex-start; //Align the element on the direction perpendicular to the flex direction. For row, stick to the top of the box.
• display: inline-flex; // Set the outer display model of the box to be flex as well
• display: inline-block; // Block vs inline vs inline-block. inline-block is a bit like flex blox?
• overflow-y: scroll; // Create scroll bar when element overflows