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.

Resize the browser window to see that the direction changes when the screen size is 800px wide or smaller
Resize the browser window to see that the direction changes when the screen size is 800px wide or smaller
image.jimcdn.com/app/cms/image/transf/dimension=515x10000:format=jpg/path/s6b82df3d44a5e317/image/i091991236bb29a33/version/1603196256/image.jpg" style= "object-fit=cover!important; width:100%; height:100%;"
Resize the browser window to see that the direction changes when the screen size is 800px wide or smaller