結論
justify-self
はgrid
で使用できます。
・親要素をdisplay:grid
、子要素をjustify-self:end
にする。
・または、親要素をdisplay:flex
、子要素をmargin:left
にする。
参考にさせて頂きました。ありがとうございます。
https://qiita.com/mishiwata1015/items/7c26ea7bc80a9200ad78
https://drafts.csswg.org/css-align-3/#overview
下記ページにもNote that justify-self is ignored in Flexbox layouts.
とあります。
https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self