結論
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
↧