Der React-App-Build wendet einige CSS-Deklarationen nicht an ⇐ CSS

[Guest]

Es gibt ein Problem damit, dass das CSS nach der Erstellung des Projekts nicht angewendet wird. Lokal wird das CSS korrekt angezeigt, wenn npm run start verwendet wird. Beim lokalen Erstellen und Bereitstellen mit npm run build und npm Serve Build oder beim Anzeigen auf Netlify nach der Bereitstellung von Github werden die Probleme angezeigt. Einige CSS-Deklarationen fehlen in übereinstimmenden Elementen, obwohl sie in der CSS-Klasse/ID-Regel und in der CSS-Datei selbst vorhanden sind.
Ich habe in Firefox und Chrome nachgesehen. Beide zeigen das gleiche Problem. Das CSS befindet sich auf dem Server und gilt für die meisten Elemente, und selbst das Element, bei dem das Problem nur hier und da in einer Zeile auftritt, ist einfach nicht da.
Dies ist aus der App. css im Github-Repo. Zeile 67 wird nicht angewendet, aber der umgebende Block wird angewendet, sogar die Anzeige: flex, Zeile 66, wird angewendet.

Code: Select all

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

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

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

width: auto;
}

Hier ist ein Screenshot vom Live-Server bei Netlify auf der „Kontakt“-Seite (kein serverseitiges Routing).

Diese App.css-Datei ist auf dem Netlify-Server vorhanden: