Flexbox Fundamentals

Flexbox is a wonderful tool built into the CSS specification. Using flexbox doesn't require any special framework or library, just a browser with CSS3 support. It is so awesome, and makes the arranging elements on a page almost fun!

• Using flex-direction to layout content horizontally and vertically
• Using order to rearrange flexbox children
• Demystifying alignment in flexbox children
• Defining dimensions on flexbox children using flex-basis
• Using flex-shrink and flex-grow to make flexbox children resize correctly
• Combining the flexbox sizing properties using the flex shorthand
• Turning a flexbox into a grid using flex-wrap and align-content
• Using Flexbox in Websites and Applications