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!
Overview
Syllabus
- 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
Taught by
Garth Braithwaite