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

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

Хотелось бы знать точно, есть ли ошибки).

.palette{
display: flex;
flex-wrap: wrap-reverse;
justify-content:center;
align-content: center;
align-items: stretch;
}

.color-1{
order: 7;
}

.color-3{
order:6;}

.color-5{
order:5;}

2 лайка
2

Сделал точно также, но без "align-items: stretch;
Насколько я понимаю это и так его нативное поведение, смысла нет прописывать.
Также ордеры достаточно, как по мне, 1-2-3 цифрами, не понимаю, зачем 5-6-7 ставить. Но это всё мелочи, код рабочий и думаю его ужать ещё больше невозможно, хотя хотел бы знать, можно ли решить эту задачу без ордеров.

3

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

.color-1 {
order: 8;
}

.color-3 {
order: 7;
}

.color-5 {
order: 6;
}

.color-6 {
order: 4;
}

.color-7 {
order: 5;
}