QUINTA Ejercicios basicos de flexbox: Align-items
1ª opcion- justify-content: flex-start; align-items: flex-start
5-1-1
5-1-2
5-1-3
2ª opcion- justify-content: flex-start; align-items: flex-end
5-2-1
5-2-2
5-2-3
3ª opcion- justify-content: flex-start; align-items: center
5-3-1
5-3-2
5-3-3
4ª opcion- justify-content: flex-start; align-items: stretch
5-4-1
5-4-2
5-4-3
5ª opcion- justify-content: flex-start; align-items: baseline
5-5-1
5-5-2
5-5-3
6ª opcion- justify-content: flex-end; align-items: flex-start
5-6-1
5-6-2
5-6-3
7ª opcion- justify-content: flex-end; align-items: flex-end
5-7-1
5-7-2
5-7-3
8ª opcion- justify-content: flex-end; align-items: center
5-8-1
5-8-2
5-8-3
9ª opcion- justify-content: flex-end; align-items: stretch
5-9-1
5-9-2
5-9-3
10ª opcion- justify-content: flex-end; align-items: baseline
5-10-1
5-10-2
5-10-3
11ª opcion- justify-content: center; align-items: flex-start
5-11-1
5-11-2
5-11-3
12ª opcion- justify-content: center; align-items: flex-end
5-12-1
5-12-2
5-12-3
13ª opcion- justify-content: center; align-items: center
5-13-1
5-13-2
5-13-3
14ª opcion- justify-content: center; align-items: stretch
5-14-1
5-14-2
5-14-3
15ª opcion- justify-content: center; align-items: baseline
5-15-1
5-15-2
5-15-3
16ª opcion- justify-content: space-between; align-items: flex-start
5-16-1
5-16-2
5-16-3
17ª opcion- justify-content: space-between; align-items: flex-end
5-17-1
5-17-2
5-17-3
18ª opcion- justify-content: space-between; align-items: center
5-18-1
5-18-2
5-18-3
18ªB opcion- justify-content: space-between; align-items: center con flex-direction: column
5-18b-1
5-18b-2
5-18b-3
19ª opcion- justify-content: space-between; align-items: stretch
5-19-1
5-19-2
5-19-3
20ª opcion- justify-content: space-between; align-items: baseline
5-20-1
5-20-2
5-20-3
21ª opcion- justify-content: space-around; align-items: flex-start
5-21-1
5-21-2
5-21-3
22ª opcion- justify-content: space-evenly; align-items: center
5-22-1
5-22-2
5-22-3