ESEMPIO N. 1: comportamento dei box in un contenitore

1
2
3

ESEMPIO N. 2: comportamento dei box in un contenitore assegnando la proprietà display: flex; allo stesso.
Gli elementi interni si affiancano e mantengono eguali dimensioni, riducendole proporzionalmente se lo spazio complessivo non è sufficiente.

1
2
3

ESEMPIO N. 3: assegnando la proprietà flex-wrap: wrap; al contenitore, le tre colonne si affiancano mantenendo la dimensione predefinita (300px) solo se dispongono di sufficiente spazio. Quando questo non è sufficiente, si dispongono una sopra l'altra conservando la dimensione stessa.

1
2
3

ESEMPIO N. 4: assegnata la proprietà justify-content: space-between; al contenitore.

1
2
3

ESEMPIO N. 5: assegnata la proprietà justify-content: space-evenly; al contenitore.

1
2
3

ESEMPIO N. 6: come l'esempio n. 4 ma con l'aggiunta di una media query che ridispone il box contenitore e le colonne a livello di blocco nelle viewport minori di 480px

1
2
3