flex block reponsive

Solutions on MaxInterview for flex block reponsive by the best coders in the world

showing results for - "flex block reponsive"
Gabriele
18 Oct 2017
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