```html

Horizontal

1

2

1

2

3

1

2

3

4

1

2

3

4

5

1

2

3

4

5

6

Honrizontal with no gutter

1

2

3

4

Vertical

1

2

Vertical with no gutter

1

2

Grid support(12 columns)

1/3

2/3

6/12

2/12

rest

flexiable grid

1/3

1/6

1/8

1/8

rest

1/3

1/6

1/8

1/8

rest

flexiable grid

1

2

3

4

5

flex-wrap

1/3

1/3

1/3

1/3

1/3

1/3

1/3

1/3

```