Responsive Flexbox

The "flex-direction: row;" stacks the flex items horizontally (from left to right).

The "flex-direction: column;" stacks the flex items vertically (from top to bottom).

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.