<div class="main">

<div class="bl fl1">1</div>

<div class="bl fl2">2</div>
<div class="bl fl3">3</div>
<div class="bl fl4">4</div>
<div class="bl fl5">5</div>
<div class="bl fl6">6</div>
</div>

CSS >

.main {

display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;

display: flex; <da budu uredjeni po redosledu u koloni (row)

}
2.

.bl {

margin: auto;
}
.main {

display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;

display: flex; <da budu uredjeni po redosledu u koloni (row)

flex-direction: column; > vertikalno, jedan ispod drugog (uredjeno po koloni)

flex-direction: column-reverse; >vertikalno obrnuto
}

flex-direction: row; > bice u redu, horizontalno

flex-direction: row-reverse;

justify-content: flex-start; > s desne strane

a justify-content: flex-end; > s leve strane
justify-content: space-between; < popunjuje prostor izmedju divova

justify-content: space-around; < dodaje prostor i na pocetku i na kraju

justify-content: center;
align-items: center;

.main {

display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;

display: flex;

flex-direction: row;

justify-content: center;

align-items: flex-start;

}
align-items: flex-start;

align-items: flex-end; > na dnu ih pozicionira

u liniji > baseline

align-items: baseline;
.main {

display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;

display: flex;

flex-direction: row;

justify-content: center;

align-items: flex-start;

height: 500px; <visina kontejnera u kojem se nalaze elementi

max-width: 1000px;
margin: 20px auto;

.bl1{
width: 400px;
}
flex-wrap: wrap;

flex-wrap: wrap-reverse;
align-items: stretch;
flex-wrap: wrap;
align-content: stretch;

.main {

display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;

display: flex;

flex-direction: row;

justify-content: center;

height: 500px; <visina kontejnera u kojem se nalaze elementi

max-width: 1000px;
margin: 20px auto;

align-items: stretch;
flex-wrap: wrap;
align-content: stretch;

.bl1{
width: 250px;
}
flex-flow: column wrap;