Flexbox Bootcamp: Challenge 1

challenge 1
1
2
3
4

Flexbox Bootcamp: Challenge 2

challenge 2
1
2
3
4

Flexbox Bootcamp: Challenge 3

challenge 3
1
2
3

Flexbox Bootcamp: Challenge 4

challenge 3

Note: Exactly where the divs wrap depends on the width of the blue div. You may have 9 divs per row, or more, or less. Resize your browser to see how the divs wrap.

1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9

Flexbox Bootcamp: Challenge 5

challenge 4
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9

Flexbox Bootcamp: Challenge 6

challenge 6

Note: Exactly where the columns wrap depends on the height of blue div. You may have 3 divs per column, or more, or less. Adjust the height of your browser to see how the divs wrap.

1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9

Flexbox Bootcamp: Challenge 7

challenge 7
1