Flexbox Patterns
by CJ Cenizal
Intro
1. It begins with "display: flex"
Stepper input
Tabs
2. Splitting things apart
Site header
Form footer
3. Changing direction
Side bar
4. Stay centered
Centered prompt
Centered icon
5. Let's get crazy
Card
Card group
Post
6. Going in reverse
Feature list
Stream
7. Cornering content
Photo
8. Wrapping content
Gallery
Mosaic
Thanks
Changing direction
This section explains how the main axis can be switched from horizontal to vertical.