グリッド幅を固定したときの auto-fill と auto-fit の違いがわかりません

画面上では同じように見えますが、厳密にはグリッドの状態が異なってきます。
2021年2月15日
ユーザー

minmaxでグリッドの幅を指定した場合のgrid-fillgrid-fitの違いは分かったのですが、

grid-template-columns:repeat(auto-fill, 100px);
grid-template-columns:repeat(auto-fit, 100px);

のように、グリッドの幅が固定されている時は2つの間に違いはないと思いました。(この見解が間違っていましたらすみません…)
実際、CSSで見たところ変化は無いように感じました。

ですが、違いがないとしても、グリッドの幅を固定しているときにauto-fillauto-fitのどちらを使うといいのかが分かりません。
グリッド幅固定時のauto-fillまたはauto-fitの推奨などはあるのでしょうか?

ご教授いただけますと幸いです。

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

プレミアムプランとは?

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