Сборка приложения React не применяет некоторые объявления CSS ⇐ CSS

[Anonymous]

Возникла проблема: CSS не применяется после сборки проекта. Локально CSS отображается правильно, используя npm run start. Сборка и обслуживание локально с помощью npm run build и npmserve build или просмотр на Netlify после развертывания из Github отображает проблемы. Некоторые объявления CSS отсутствуют в совпадающих элементах, несмотря на то, что они присутствуют в правиле класса/идентификатора CSS и в самом файле .css.
Я проверял в Firefox и Chrome. Оба показывают одну и ту же проблему. CSS находится на сервере, применяется к большинству элементов, и даже элемент, в котором проблема заключается в одной строке здесь и там, просто отсутствует.
Это из приложения. css в репозитории Github. Строка 67 не применяется, но применяется окружающий блок, даже применяется строка 66 display: flex.

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

 .form-input-group {
width: 100%;

.form-input-group-container {
width: 100%;

&>div {
66          display: flex;
67          flex-direction: column;

width: auto;
}

Вот снимок экрана с действующего сервера Netlify на странице «Контакты» (без маршрутизации на стороне сервера).

Этот файл App.css присутствует на сервере Netlify:




Подробнее здесь: https://stackoverflow.com/questions/793 ... clarations