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

Курсы §35. Флексбокс, часть 1
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
}