Флексбокс, часть 1 / Испытание: палитра посложнее [20/31] Не работает проверка

Привет! Не работает проверка. Кнопку “Проверить” нажимал. Google Chrome 47.0.2526.106 m / Windows 7

В вашем коде где-то синтаксическая ошибка. Может быть вместо латинской буквы набрана кириллическая.

Код рабочий, я просто перевыбрал его руками.

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

.color-1 {
    order: 5;
}

.color-2 {
    order: 4;
}

.color-4 {
    order: 3;
}

.color-6 {
    order: 2;
}

Нет, не знаю что это был за глюк. Зашел сейчас в это испытание, ничего не менял - выполнено на 100%… Наверное эффект присутствия мастера :smile:

1 Симпатия

100%

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

.color-1 {
order: 3;
}

.color-3 {
order: 2;
}

.color-5 {
order: 1;
}

2 Симпатий

flex-direction: column-reverse; - это лишнее.

Его уберешь будет другое распределение цвета, нам нужно справа налево, а если ты хочешь убрать это свойство, то пиши конкретнее “код”.
100%
.palette{
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap-reverse;
align-content: center;
justify-content: center;
}
.color-1 {
order: 5;
}

.color-2 {
order: 4;
}

.color-4 {
order: 3;
}

.color-6 {
order: 2;
}

.palette {
display: flex;
align-content: center;
flex-direction: row;
flex-wrap: wrap-reverse;
justify-content: center;

}
.color-1 {
order: 5;
}
.color-3 {
order: 3;
}
.color-5 {
order: 2;
}

.palette{
display: flex;
justify-content: space-evenly;
align-content: center;
flex-wrap: wrap-reverse;
padding-right:13.5px;
padding-left:13.5px;
}
.color-1{
order: 3
}
.color-3{
order: 2
}
.color-5{
order: 1
}

Минимум кода:

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

.color-1 {
order: 3;
}

.color-3 {
order: 2;
}

.color-5 {
order: 1;
}