Accueil Théorie Exercices Ressources

FlexBox

Exercices

AMUSEZ-VOUS!!! ;)

Display

1
2
3
4
5
6
7
8
9

Order




1
2
3
4

Flex-grow, Flex-basis









1
2
3
4

Flex-shrink



Modifier la largeur initiale
1
2
3

Flex-wrap, Flex-direction, Flex-flow

Flex-wrap :
Activer Flex-Flow

Flex-direction :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

Justif-content, Align-item

Justify-content :

Align-item :
1
2
3
4

Align-content

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

Align-self

1
1
2
3
4
5
6
7
8

Jeu final

Box visée