Testing

:This is simple Flex Testing And Default

1

2

3

This is Flex Direction : column

1

2

3

This is Flex Direction : column-reverse

1

2

3

This is Flex Direction : row and Direction is Default

1

2

3

This is Flex Direction : row-reverse

1

2

3

This is Flex-Warp: wrap;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

This is Flex-Warp: nowrap;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

This is Flex-Warp: warp-reverase;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

This is{ Flex-Warp: nowarp-reverase; flex-direction: row-reverse; or nowarp-reverse

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

This is flex-flow: row warp;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

This is justify-content: center;

1

2

3

This is justify-content: flex-start;

1

2

3

This is justify-content: flex-end;

1

2

3

This is justify-content: space-around;

1

2

3

This is justify-content: space-between;

1

2

3

This is align-items: center;

1

2

3

This is align-items: flex-start;

1

2

3

This is align-items: flex-end;

1

2

3

This is align-items: stress;

1

2

3

This is align-items: baseline;

1

2

3

4

This is align-content: space-between;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

This is align-content: space-around;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

This is align-content: stretch;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

This is align-content: center;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

This is align-content: flex-start;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

This is align-content: flex-end;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

This is Perfect Centering

1

This is Child Element(items) Order Property ;

1

2

3

4

This is Child Element(items) Flex Grow ;

1

2

3

4

This is Child Element(items) Flex Grow ;

1

2

3

4