Испытание: палитра посложнее 20/31

Курсы §35. Флексбокс, часть 1
1

.palette {
display: flex;
flex-direction: row;
flex-wrap: wrap-reverse;
justify-content: center;
align-content: center;
}
.color-1,
.color-2,
.color-3,
.color-4,
.color-5,
.color-6,
.color-7 {
align-self: center;
}
.color-1 {
order: 6;
}
.color-3 {
order: 5
}
.color-5 {
order: 4
}

такой вариант вышел у меня)
подскажите что неправильно

2

все норм, вот это не надо только:
.color-1,
.color-2,
.color-3,
.color-4,
.color-5,
.color-6,
.color-7 {
align-self: center;
}
код избыточен
если хотите оставить лучше использовать селектор по атрибуту:
.palette div[class^="color"] { ... }