Если активна flex-wrap: wrap; у .room (это то что сразу прописано в задании), то изменения align-items: никак не отображаются в минибраузере (даже если помещаются в одну строку), при этом проверки проходят. Это косяк минибраузера или это такая совместная работа выравнивания элементов и включенного переноса?
Дело в том, что в более ранней версии спецификации флексбокса описано поведение, которое сейчас есть во всех браузерах, кроме Сафари и других браузерах на webkit. То есть действие align-content распространялось только на многострочные флекс-контейнеры.
Год назад (не так давно по браузерным меркам) спецификацию немного изменили. И теперь align-content действует и на однострочный флекс-контейнер. В Сафари и других браузерах на webkit это изменение спецификации учтено, а во всех остальных — нет. То есть в большинстве браузеров сейчас несогласованное со спецификацией поведение, а Сафари другая webkit-компания — молодцы.