1/* big screen */
2.navigation {
3 display: flex;
4 flex-flow: row wrap;
5 /* Aligne les items à end line sur main-axis */
6 justify-content: flex-end;
7}
8
9/* medium screen */
10@media all and (max-width: 800px) {
11 .navigation {
12 /* on centre en répartissant l'espace entre les items */
13 justify-content: space-around;
14 }
15}
16
17/* little screen */
18@media all and (max-width: 500px) {
19 .navigation {
20 /* On n'utilise plus row mais column */
21 flex-direction: column;
22 }
23}
24