align-self: flex-end;とmargin-top: auto;の違いを教えてください

align-self は交差軸方向における要素の配置を設定し、margin-top は要素の垂直方向の余白を指定します。
2024年2月5日
ユーザー

今回、box1 に対して、align-self: flex-end; とした場合と
margin-top: auto; としてみた場合、
どちらも同じ位置(左下)にフレックスアイテムが配置されたのですが、
レッスン通り、交差軸方向で個別に位置を指定する場合は align-self
主軸方向で個別に位置を指定する場合は margin というように使い分けた方が良いのでしょうか?
(交差軸方向で個別に位置を指定する場合、marginの使用は好ましくないのでしょうか?)

ご回答よろしくお願いいたします。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(3)