CSS Flexbox Alignment: align-content Property 
.content1 {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
/* default */

.item1
.item2
.item3
.item4 



.content2 {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
}

.item1
.item2
.item3
.item4 



.content3 {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.item1
.item2
.item3
.item4 



.content4 {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.item1
.item2
.item3
.item4 



.content5 {
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
}

.item1
.item2
.item3
.item4 



.content6 {
    display: flex;
    flex-wrap: wrap;
    align-content: space-evenly;
}

.item1
.item2
.item3
.item4