Flexbox Patterns

These interactive examples will show you practical ways to use flexbox for building UI components. They start out simple and get more complex near the end. But before you use these patterns in your own code, heed the warning from the author, CJ Cenizal:

I don’t recommend copy-pasting these examples directly into production code. I’m only trying to demonstrate different ways of using flexbox through these examples, so they may not incorporate some accessibility best practices (such as using semantic HTML5 elements and the role attribute). Before using this code in production you should make sure it meets your accessibility needs.