Flex en fila – flex-direction: row
Los elementos hijos se colocan en una fila horizontal. Es el comportamiento por defecto de un contenedor flex.
1
2
3
Centrado – justify-content: center
La propiedad justify-content alinea los hijos a lo largo del eje principal. Con center los centra horizontalmente.
1
2
3
Ajuste de líneas – flex-wrap: wrap
Con flex-wrap: wrap los hijos que no caben en una fila se pasan a la siguiente. overflow: scroll agrega scroll cuando el contenido supera la altura del contenedor.
1
2
3
4
5
6
7
8
9
10
11
12