Почему классы flex-row и justify-items-center не влияют на Firefox, но работают на Chrome? [дубликат] ⇐ CSS

[Anonymous]

Код: Выделить всё

function App() {
return (

 MINIMAL LOL 

);
}

ReactDOM.render( < App / > , document.getElementById('root'));

Код: Выделить всё

В Chrome это работает так, как задумано:


Однако это результат в Firefox:


При проверке в Firefox класс flex-row отображается серым цветом, а при наведении курсора отображается всплывающая подсказка "flex -direction не влияет на этот элемент, поскольку он не является гибким контейнером".
Justify-items-center также неактивен и показывает всплывающую подсказку "justify-items не влияет на этот элемент, поскольку он не является контейнером сетки".
Почему существует разница между Firefox и Chrome в отображении этих классов?

Подробнее здесь: https://stackoverflow.com/questions/792 ... efox-but-w