Design opportunities with Flexbox are AAAAmazing...

But they might take a little to get used to. That’s why we created a comprehensive guide with syntax explanations and real life design examples that you can interact with.

Flex your design muscle!

The more you use Flexbox, the cooler it gets. For us at least... To also get you into the flex-groove we created this guide with examples that you can toy around with yourself. Without having to know the flexbox syntax — you will simply learn as you go!

The guide is wrapped in a special version of Responsive Site Designer that includes the flex controls that will make their official public appearance in the soon to be released update of this wildly popular front-end tool.

Go ahead, grab the app for OS X or Windows (even both if you’re into that) and get flexy!

Like what you see? Tweet about the free interactive Flexbox guide and we’ll send you a cool t-shirt (while supplies last).