Flexbox: flex-wrap and gap

How boxes wrap to a new line and spacing between them.

nowrap

1
2
3
4

wrap

1
2
3
4

wrap-reverse

1
2
3
4

large gap

img
Card
Text
Card 3
Card 4