Flexbox froggy

The two properties flex-direction and flex-wrap are used so often together that the shorthand propety flex-flow was created to combine them. This shorthand property accepts the value of the two properties separated by a space.

For example, you can use flex-flow: row wrap to set rows and wrap them.

Try using flex-flow to properly display frogs on the lily pads.

"Tip: frogs shoud sit in column"

1
2
3
4
5
6
7
8
9
10
#pond {
    display: flex;
}