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

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

Подскажите, что не так?

%D0%91%D0%B5%D0%B7%D1%8B%D0%BC%D1%8F%D0%BD%D0%BD%D1%8B%D0%B9
Безымянный.jpg473×611 66.4 KB 

.palette-box:nth-child(1) .palette-small {
display: flex;    
flex-direction: column-reverse;
justify-content: center;

}

.palette-box:nth-child(1) .palette-small .color-3 {
order: 1;
align-self: center;
}

.palette-box:nth-child(1) .palette-small .color-4 {
order: -1;
align-self: center;
}

.palette-box:nth-child(2) .palette-small{
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
}

.palette-box:nth-child(2) .palette-small .color-1 {
align-self: flex-start;
}

.palette-box:nth-child(2) .palette-small .color-4 {
align-self: flex-start;
}

.palette-box:nth-child(2) .palette-small .color-6 {
align-self: flex-end;
}

.palette-box:nth-child(2) .palette-small .color-2 {
align-self: flex-end;
}

.palette-box:nth-child(3) .palette-small {
display:flex;
justify-content: space-between;
}

.palette-small .part {
display: flex;
flex-direction: column;
justify-content: space-between;
}

.palette-box:nth-child(4) .palette-small {
display: flex;
justify-content: space-between;
}

.palette-box:nth-child(4) .palette-small .part .color-3 {
order: -1;
}

.palette-box:nth-child(4) .palette-small .part {
display: flex;

}

.palette-box:nth-child(4) .palette-small .part:nth-child(1) {
display: flex;
flex-direction: row;
}

.palette-box:nth-child(4) .palette-small) .part:nth-child(2) {
display: flex;
flex-direction: column;
justify-content: space-between;
}

2

Что на вкладке “Различия”?

3

вот такое дело…нажимал “проверить” сто раз уже

2
2.jpg505×521 53.9 KB
1
1.jpg621×517 74.5 KB

4

Лишняя закрывающая скобка.

1 лайк
5

Спасибо! а то уже глаза замылились пересматривать!