justify-content: space-between; と margin-left: auto; の違いは何ですか?

前者は複数要素、後者は1 箇所に余白が入る、などの違いがあります。
2022年2月7日
ユーザー

nav 要素を右に寄せるために

header .container {
 display: flex;
 justify-content: space-between;
}

としていますが、

margin-left: auto;

とはどう違うのでしょうか?

またこちらの動画(https://dotinstall.com/lessons/basic_flexbox_v2/52813)を見て両方の使い方があるのだと知りました。しかし使い分けがまだ理解できていません。

それぞれの特徴などありましたら教えていただきたいです。
どうぞよろしくお願いいたします。

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

プレミアムプランとは?