Разница между результатом в мини-браузере и тем, как сервер видит код

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

При выполнении испытания “Палитра посложнее” вижу в мини-браузере результат точь-в-точь такой, как нужно (рис. 1), но сервер видит результат совсем иначе (рис. 2), из-за чего невозможно пройти испытание :slight_smile: Что делать?

2

Попробуйте удалить кэш, перезайти с других браузеров

3

Ситуация улучшилась, теперь сервер видит результат вот так:

Пройти испытание это не позволяет :frowning:

4

Ваш код текстом, пожалуйста.

5

CSS:

.color-1{
order: 7;
height: 10px;
width: 10px;
}

.color-2{
order: 6;
height: 10px;
width: 10px;
}

.color-3{
order: 0;
height: 10px;
width: 10px;
}

.color-4{
order: 2;
height: 10px;
width: 10px;
}

.color-6{
order: 1;
height: 10px;
width: 10px;
}

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

7

Что-то я не понял, что Вы тут сделали)?

Мой код:

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

}

.color-1 {
order: -1;
}

.color-2 {
order: -7;
}

.color-3 {
order: -2;
}

.color-4 {
order: -6;
}

.color-5 {
order: -3;
}

.color-6 {
order: -5;
}

.color-7 {
order: -4;
}

8

действительно, Ваш код работает, спасибо :slight_smile: наверное, дело в том, что я явно указала высоту и ширину :slight_smile:

9

И не забудьте про column-reverse