Text horizontal in Flexbox zentrieren

[Matthias Apsel]

Hallo Blackpanther23,

background-image: -linear-gradient(right, #FF0000 37%, #248041 73%);
background-image: -webkit-linear-gradient(right, #FF0000 37%, #248041 73%);

Du siehst die rote Markierung? Das deutet auf einen Fehler bzw. eine unbekannte Eigenschaft hin. Zudem sollte man die „offizielle“ Eigenschaft immer als Letztes notieren, damit, wenn möglich, auch die standardisierte Eigenschaft unterstützt wird.

background-image: -webkit-linear-gradient(right, #FF0000 37%, #248041 73%);
background-image: linear-gradient(right, #FF0000 37%, #248041 73%);

Zudem steckt noch ein Fehler drin. Die Syntax lautet

[ <angle> | to <side-or-corner> ,]? <color-stop> [, <color-stop>]+ )

also eine optionale Richtungsangabe als Winkel oder in der Form "to Seite oder Ecke" und mindestens einen color-stop. Siehe auch https://wiki.selfhtml.org/wiki/Linear-gradient

Für die webkit-syntax kann (oder sogar muss?) das Schlüsselwort "to" entfallen.

background-image: -webkit-linear-gradient(right, #FF0000 37%, #248041 73%);
background-image: linear-gradient(to right, #FF0000 37%, #248041 73%);

Allerdings kennt der verwendete Syntax-Highlighter die Funktion linear-gradient() nicht. Möglicherweise gibts schon ein update dafür oder man kann ein issue eröffnen, @Christian Kruse?

Bis demnächst
Matthias