Испытание 31\31. Сложные палитры


#1

100%.
Но чую, что намудрил.

Кто что может сказать?

.palette-box:first-child .palette-small {
display:flex;
flex-direction:column;
justify-content:space-around;
padding-top:12px;
padding-bottom:12px;
}

.palette-box:first-child .color-4 {
order:2;
width:20px;
align-self:center;
}

.palette-box:first-child .color-3 {
align-self:center;
width:20px;
}

.palette-box:first-child .color-2 {
order:1;
}

.palette-box:first-child+.palette-box .palette-small {
display:flex;
flex-direction:column-reverse;
justify-content:space-between;

}

.palette-box:first-child+.palette-box .color-1 {
width:20px;
}

.palette-box:first-child+.palette-box .color-6 {
width:20px;
align-self:flex-end;
}

.palette-box:first-child+.palette-box .color-4 {
width:20px;
}
.palette-box:first-child+.palette-box .color-2 {
width:20px;
align-self:flex-end;
}

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

.palette-box:nth-child(3n) .color-4 {
margin-bottom:77px;
}

.palette-box:nth-child(3n) .color-1 {
margin-bottom:77px;
}

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

.palette-box:nth-child(3n)+.palette-box .part:first-child {
display:flex;
}

.palette-box:nth-child(3n)+.palette-box .part:last-child {
display:flex;
flex-direction:column;
}

.palette-box:nth-child(3n)+.palette-box .color-2 {
order:1;
margin-top:73px;
}