В чем разница между функциями auto-fit и auto-fill при использовании repeat в CSS Grid?

Разница между функциями auto-fit и auto-fill при использовании repeat в CSS Grid заключается в следующем:

1. auto-fill заполняет строку максимально возможным количеством столбцов. webformyself.com Новые колонки могут быть пусты, но они всё равно будут занимать отведённое им место в строке. webformyself.com
2. auto-fit подгоняет текущее количество колонок под доступное пространство, расширяя их так, чтобы они заняли всё доступное пространство. webformyself.com Браузер делает это после заполнения доступного пространства новыми колонками, после чего сжимает пустые столбцы. webformyself.com

Разница между функциями видна только, когда в строке есть место для новых колонок. webformyself.com При использовании auto-fit контент будет растягиваться для заполнения всей ширины строки, а при auto-fill пустые колонки будут занимать место в строке наравне со своими непустыми соседями. webformyself.com dev.to