Display

Para indicar que un elemento es contenedor flexbox, debemos utilizar la propiedad display.

En el contexto de flexbox, esta propiedad puede tener dos valores:

display: flex; 
display: inline-flex; 

Con flex, el elemento ocupa el 100% del ancho, como si fuera block.

Con inline-flex: el elemento toma el espacio mínimo para representar los elementos, como si fuera un inline.

Por tanto, lo primero que debemos hacer para trabajar con flexbox es definir un valor para la propiedad display:

<div class="flexbox"></div>

.flexbox {
    display: flex;
}