Grille , 16 colonnes

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

colored column

white
orange
yellow
green
teal
blue
purple
pink
red
black
style="..."

Without row

/!\ grille celled ⇒ colonnes sur une même rangée. Xj wide column à pour largeur Xj/∑iXi.

ten wide black column

10 +

five wide black column

5 +

seven wide black column

7 +

eight black column

8 = 24 . Hum !…

Grille padded

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
...
ui padded grid , four wide black column
ui padded grid , four wide black column
ui padded grid , four wide black column
ui padded grid , four wide black column
ui padded grid , four wide black column
ui padded grid , four wide black right floated column 1
ui grid , four wide black right floated column 2 ... OK !

With row

row 1
row 2 colored

Grille celled

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
1
2
3
4
four wide column
three wide column
two wide column …

Grille internally celled

1
2
3
4
5
6
7, 8, 9, 10
11
12
13, 14, 15
16
1
2
3
4
four wide column
three wide column
two wide column …

Row + Column Width

sixteen wide column
one
fifteen
two
fourteen
three
thirteen
four
twelve
five
eleven
six
ten
seven
nine
eight wide column
eight wide column

X column row . Y column in row => column width = 1/Y

four column row - column 1
four column row - column 2
four column row - column 3
four column row - column 4
two column row - column 1
two column row - column 2
two column row - column 3