Ihr bringt ein paar Standards durcheinander, einerseits CSS Flexbox (align-*), andererseits CSS Grid (justify-self).
Stümmpt. Wenn ich mir die MDN-Seite im Detail durchgelesen hätte, wäre mir das auch aufgefallen. Allerdings steht dort auch, dass justify-self auch im Blocklevel wirkt.
Wenn ihr Eigenschaften daraus verwenden wollt, müsst ihr das entsprechende Layout-System auch aktivieren. So würde ein Ansatz mittels CSS Flexbox wohl funktionieren:
![]()