Флексбокс, часть 2 / Расчёт итогового размера с flex-grow [9/28]

Курсы §36. Флексбокс, часть 2
1 
.spot {
    display: flex;
    height: 100px;
    padding: 10px 0;
}

.spot-1 {
    width: 300px;
}

.spot-1 .skate {
    min-width: 50px;
    flex-basis: 0;
}

.spot-1 .racoon-green {
    flex-grow: 1;
}

.spot-1 .racoon-brown {
    flex-grow: 2;
}

.spot-2 {
    width: 500px;
}

.spot-2 .skate {
    min-width: 50px;
    flex-basis: 0;
}

.spot-2 .racoon-green {
    flex-grow: 2;
}

.spot-2 .racoon-brown {
    flex-grow: 3;
}

Добрый день! Подскажите пожалуйста - почему не прошел проверку такой код

.spot-2 .racoon-green {
    flex-grow: 1;
}

.spot-2 .racoon-brown {
    flex-grow: 1,5;
}

В теории было написано, что в принципе это правильно - важно соотношение сторон, а не конкретно цифра…?

Что не так?

2

Попробуйте заменить запятую на точку - 1.5

3

Неа…

primer.png1207×748 727 KB

Ничего не понимаю…)

4

После нажатия кнопки “Проверить” тоже не пропускает?

5

Кнопка “Проверить” заменила мой код на

.spot-2 .racoon-green {
    flex-grow: 2;
}

.spot-2 .racoon-brown {
    flex-grow: 3;
}

И так стало все оранжевым - так правильно.

Что возвращает нас к моему вопросу: Почему так?

6

Кнопка “Проверить” никак не могла изменить ваш код, а вот кнопка “Показать ответ” - да, могла.

7

Простите пожалуйста, а это настолько принципиально?

Кнопка “проверить” сказала, что этот ответ неверен - т.е. стал отмечен красным.

“Показать ответ” - исправил на то, о чем я уже 2 раза говорила.

1 лайк
8

Я про кнопку “Проверить” спрашивала. Смотрю с телефона, проверить не могу, поэтому уточняю.
Модератор @juwain когда тему прочитает, то может объяснит, в чем дело.

1 лайк
9

Привет, дополнили проверку в этом задании, теперь должно принимать и нецелые числа.

10

Спасибо большое!