Флексбокс, часть 1 / Испытание: палитра посложнее [20/31] 100%


#1

.palette {
display: flex;
flex-direction: column;
justify-content: center;
flex-wrap: wrap-reverse;
align-content: center;
align-items: center;
}
.color-1 {
order: 4;
}
.color-2 {
order: 3;
}
.color-4 {
order: 2;
}
.color-6 {
order: 1;
}


#2

align-items: center; можно было не указывать


#3

Так еще короче)

.palette {
display: flex;
flex-direction: column-reverse;
justify-content: center;
flex-wrap: wrap-reverse;
align-content: center
}

.color-1 {
order: 6;
}
.color-3 {
order: 5
}
.color-5 {
order: 4
}