Responsive Flexbox

In this example, we change the percentage of flex to create different layouts for different screen sizes.

Resize the browser window to see that the direction changes when the screen size is 800px wide or smaller.

1
2

This page is optimized for screens less than 801px wide.