Visto che anche Foundation con il suo nuovo motore grafico FLUID utilizza Flexbox per posizionare gli elementi sulla pagina vi condivido una semplice guida che chiarisce bene come funziona:
Cos’è Flexbox
Flexbox è un modello CSS unidimensionale per layout flessibili. Flexbox fornisce varie opzioni per la distribuzione e l’allineamento degli elementi all’interno del layout. Permette a designer e programmatori di creare un design di pagina web flessibile e reattivo.