5 replies

Why is justify-self not working at certain widths?

I have a simplified non-working example at https://codepen.io/thejgc/pen/zxqvzOa of a grid layout.
At most widths it works fine, with the

preText

preText

class (here with added blue highlighting) is right-aligning its content nicely with

justify-self: end;

justify-self: end;

.
But when the window is narrowed, and the text in the class has to wrap, the alignment seems to stop working.
I have tried

justify-self: flex-end;

justify-self: flex-end;

and

 justify-self: self-end;

 justify-self: self-end;

as well, but neither work.
What am I missing?

CodePenJGC

...