良いタイトルが思いつかない

ここで紹介されているもの

flex itemに対してmargin: autoを指定することで、上図のように、兄弟なのに1と2にわける、みたいなことができる

上図では黄色いやつにのみ margin-right: auto を指定してる

flexでやるなら右側をdivで囲んでいただろうけど、margin: auto付けるとそのdiv不要、というのがポイント

gridを使うなら

grid-columnとか、divを増やしてjustfy-betweenとかか

でもちょっと微妙

flexを使うと向きが変わる意図が含まれるが、flexの方がうまい気がする