https://www.w3schools.com/css/css3_flexbox.asp

1 flex-wrap: nowrap;

1
2
3
4
5
6
7
8

2 display: flex;

1
2
3

3 flex-direction: column;

1
2
3

4 flex-direction: column-reverse;

1
2
3

5 flex-direction: row;

1
2
3

6 flex-direction: row-reverse;

1
2
3

7 flex-wrap: wrap;

1
2
3
4
5
6
7
8
9
10
11
12

8 flex-wrap: nowrap;

1
2
3
4
5
6
7
8
9
10
11
12

9 flex-wrap: wrap-reverse;

1
2
3
4
5
6
7
8
9
10
11
12

10 flex-flow: row wrap;

1
2
3
4
5
6
7
8
9
10
11
12

11 justify-content: center;

1
2
3
4

12 justify-content: flex-start;

1
2
3
4

13 justify-content: flex-end;

1
2
3
4

14 justify-content: space-around;

1
2
3
4

15 justify-content: space-between;

1
2
3
4

16 align-items: center;

1
2
3
4

17 align-items: flex-start;

1
2
3
4

18 align-items: flex-end;

1
2
3
4

19 align-items: stretch;

1
2
3

20 align-items: baseline;

1

2

3

4

21 flex-wrap: wrap; align-content: space-between;

1
2
3
4
5
6
7
8
9
10
11
12

22 flex-wrap: wrap; align-content: space-around;

1
2
3
4
5
6
7
8
9
10
11
12

23 flex-wrap: wrap; align-content: center;

1
2
3
4
5
6
7
8
9
10
11
12

24 flex-wrap: wrap; align-content: flex-start;

1
2
3
4
5
6
7
8
9
10
11
12

25 flex-wrap: wrap; align-content:

1
2
3
4
5
6
7
8
9
10
11
12

26 justify-content: center; align-items: center;

1

27 align-items: stretch;

1
2
3

28 align-items: stretch;

1
2
3
4

29 justify-content: space-around;

1
2
3
4

30 justify-content: space-around;

1
2
3
4

31 justify-content: space-around;

1
2
3
4

32 justify-content: space-around;

1
2
3
4

33 justify-content: space-around;

1
2
3
4

34 justify-content: space-around;

1
2
3
4

35 justify-content: space-around;

1
2
3
4

36 justify-content: space-around;

1
2
3
4

37 justify-content: space-around;

1
2
3
4

38 justify-content: space-around;

1
2
3
4

39 justify-content: space-around;

1
2
3
4

40 justify-content: space-around;

1
2
3
4
100% Secure Online Bookings
Rated Excellent On Trustpilot
Pay In Easy Installments FLY NOW PAY LATER
No Credit Card Charges