¿Cómo usar CSS FLEXBOX?

Tiene bastantes cosas en común con grid.
Las excepciones es que el Flexbox no puede modificar el width de las "celdas". Básicamente es una celda de tamaño fijo asignado que se intentará organizar según el tamaño de la página, a diferencia del grid, que era un tamaño de celda variable que se ajustaba al tamaño de esta.

1
2
3
4
5
6
7
8
9
10
11
12

Tenemos un código de estilo bastante simple, veamos: