Сложные политры 94%

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

Подскажите что не так делаю пожалуйста.
4-й блок остался, не могу врубиться что не так. Див с классом color-3 (желтый) у меня стоит круглы и не как не хочет выпрямляться.

Скрин - https://s8.hostingkartinok.com/uploads/images/2018/06/bfd28fbba160736242b4f99086152091.png

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

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

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

2

Покажите весь код, пожалуйста.

3
4

Это правило портит всё. Обратите внимание, что здесь стили применяются ко всем .color-4, а не только во втором квадрате, как вы хотели. То есть нужно было писать:

.palette-box:nth-child(2) .palette-small .color-1, 
.palette-box:nth-child(2) .palette-small .color-4 { ... }

То же самое касается и правила с селектором .palette-box:nth-child(2) .palette-small .color-2, .color-6

Вы могли не трогать каждый элемент .color- в отдельности, а выравнивать .palette-small целиком.

1 лайк
5

Спасибо за подсказку!