Responsive Flex
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 or smaller.
1
2
3
4
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 or smaller.
The "flex-wrap: wrap;" specifies that the flex items will wrap if necessary:
Try resizing the browser window.
| Name: | |
| Age: |