flexでのalign-contentとalign-itemsの違い

が、flexの場合は違いが分かりづらい

複数行になっていないと違いがわからない

以下の2つがわかりやすい

align-content: flex-start

https://gyazo.com/e13780dd905c3efb16b4ef5977a7f4be https://codepen.io/mrsekut/pen/bGxdKbN

itemそのものが上寄せになっている

align-items: flex-start

https://gyazo.com/d39fd401b19bff32bb94f026deeba959 https://codepen.io/mrsekut/pen/bGxdKbN

item自体はstretchだが、itemの中身が上寄せになっている